當(dāng)前位置:首頁>ps入門教程>動圖教程>動畫教程>教程內(nèi)容

PS教程-GIF動畫篇

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

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

ps教程新春大禮包——18章巨獻(xiàn)

12.2 GIF動畫

對于web頁較大的圖片我們在瀏覽時,下載速度是很慢的。因此許多網(wǎng)站會使用顏色較少,圖片較小,帶有簡單動畫效果的GIF格式的圖片,那么這種圖片好處呢在于它比較小,容易下載,很容易傳播。所以在ps中,我們可以使用GIF動畫文件從單個圖像制作動畫。動畫GIF是一系列圖像或幀,其中的每個幀都與前一幀稍有不同。這樣,快速顯示這些幀時,將產(chǎn)生運(yùn)動的假象。使用【動畫】調(diào)板創(chuàng)建動畫幀。每個幀表示一個圖層配置。動畫面板如圖12-2所示。

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

圖12-2

12.2.1制作GIF動畫(逐幀)

我們啟動ps后,選擇【文件】>【打開】,打開幾個圖像,如圖12-2-1所示。

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

圖12-2-1

接下來將這三張圖像分為三個圖層合在一個圖像里。如圖12-2-2所示。

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

圖12-2-2

下面我們通過動畫面板新建兩個幀。如圖12-2-3所示。

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

圖12-2-3

我們選中第一幀,然后在圖層面板中將上面的圖層1、圖層2隱藏。如圖12-2-4所示。

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

圖12-2-4

以下兩幀操作也是一樣。設(shè)置完成后動畫面板如圖12-2-5所示。

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

圖12-2-5

創(chuàng)建好了動畫幀之后,我們對動畫幀的時間進(jìn)行設(shè)置,我們單擊圖像下0秒右側(cè)的黑色小三角,這時就出現(xiàn)了延遲時間下拉列表,在這里我們可以設(shè)置它的延遲時間。如圖12-2-6所示。

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

圖12-2-6

最后我們可以設(shè)置播放的次數(shù),通過動畫面板左下角的PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(二)按鈕,選擇播放的次數(shù)。單擊黑色三角后,出現(xiàn)下拉列表,如圖12-2-7所示。

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

圖12-2-7

一次表示我們創(chuàng)建的動畫只能播放一次。

永遠(yuǎn)表示我們創(chuàng)建的動畫可以不斷的進(jìn)行反復(fù)的播放。

其它可供我們對播放次數(shù)進(jìn)行自定義。單擊后,會出現(xiàn)對話框,如圖12-2-8所示。我們可以任意進(jìn)行設(shè)置。

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

圖12-2-8

設(shè)置完成后,我們可以單擊PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(二)按鈕進(jìn)行預(yù)覽,這樣,我們GIF的幀動畫就創(chuàng)建完成了。

 

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

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

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

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