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

PS教程-GIF動畫篇(3)

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

很實(shí)用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)建完成了。

 

12.2.2過渡動畫

【過渡】命令大大減少了創(chuàng)建動畫效果(如漸現(xiàn)、漸隱或在幀之間移動圖素)所需的時間。創(chuàng)建過渡幀之后,可以分別對它們進(jìn)行編輯。

可以使用【過渡】命令自動添加或修改兩個現(xiàn)有幀之間的一系列幀:均勻地改變新幀之間的圖層屬性(位置、不透明度或效果參數(shù))以創(chuàng)建運(yùn)動顯示效果。例如,如果要漸隱一個圖層,則可將起始幀的圖層不透明度設(shè)置為100%,然后將結(jié)束幀的同一圖層的不透明度設(shè)置為16%。在這兩個幀之間過渡時,該圖層的不透明度在整個新幀上均勻減小。如圖12-2-9所示。

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

圖12-2-9

執(zhí)行下列操作之一,彈出如圖12-2-10所示對話框:

單擊【動畫】調(diào)板中的【過渡】按鈕PS教程大禮包-第12章網(wǎng)頁設(shè)計中的應(yīng)用(二)。

從【動畫】調(diào)板菜單中選擇【過渡】。

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

圖12-2-10

所有圖層改變所選幀中的全部圖層。

選中的圖層只改變所選幀中當(dāng)前選中的圖層。

位置在起始幀和結(jié)束幀之間均勻地改變圖層內(nèi)容在新幀中的位置。

不透明度在起始幀和結(jié)束幀之間均勻地改變新幀的不透明度。

效果均勻改變起始幀和結(jié)束幀之間的圖層效果的參數(shù)設(shè)置。

下一幀在所選的幀和下一幀之間添加幀。當(dāng)在【動畫】調(diào)板中選擇最后一幀時,該選項(xiàng)不可用。

上一幀在所選的幀和上一幀之間添加幀。當(dāng)在【動畫】調(diào)板中選擇第一幀時,該選項(xiàng)不可用。

12.2.3用GIF格式存儲文件

對于GIF的圖像我們可以通過【文件】>【存儲為web和設(shè)備所用格式】進(jìn)行存儲。單擊后,彈出如圖12-2-11所示。

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

圖12-2-11

通過上面的【原稿】、【優(yōu)化】、【雙聯(lián)】以及【四聯(lián)】我們可以對圖片進(jìn)行對比的設(shè)置。如圖12-2-12所示。

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

雙聯(lián)四聯(lián)

圖12-2-12

對話框的右側(cè)是預(yù)設(shè)的一些選項(xiàng),通過這些選項(xiàng),我們可以設(shè)置圖像的一些參數(shù),比如:顏色,仿色等等。如圖12-2-13所示。

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

圖12-2-13

下面還有顏色表以及圖像大小。我們可以通過圖像大小來調(diào)整圖像的尺寸。如圖12-2-14所示。

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

圖12-2-14

再往下我們同樣可以設(shè)置它的播放次數(shù)。各項(xiàng)參數(shù)設(shè)置完之后,我們點(diǎn)存儲進(jìn)行文件的保存。

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

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

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

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