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

來源:薛欣博客 作者:薛欣姚輝 學(xué)習(xí):2402人次

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

12.3精彩實(shí)例

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

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

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

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

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

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

圖12-3-1

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

圖12-3-2

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

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

圖12-3-3

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

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

圖12-3-4

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

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

圖12-3-5

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

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

圖12-3-6

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

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

圖12-3-7

學(xué)習(xí) · 提示

  • 一定要打開PS,跟著教程做一遍,做完的圖到這交作業(yè):提交作業(yè)
  • 建議練習(xí)時,大家自己找素材,盡量不要用教程提供的素材。
  • 教程有看不懂的地方,可以到論壇發(fā)帖提問:新手求助
  • 加官方微信,隨時隨地,想學(xué)就能學(xué):ps_bbs,或掃右側(cè)二維碼!
  • 關(guān)注我們學(xué)更多,每天都有新教程:新浪微博 抖音視頻 微信小程序
- 發(fā)評論 | 交作業(yè) -
最新評論
暫無評論,交個作業(yè)支持一下吧~

關(guān)注大神微博加入>>

網(wǎng)友求助,請回答!