PS教程-GIF動(dòng)畫(huà)篇(3)

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

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

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

12.2 GIF動(dòng)畫(huà)

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

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

圖12-2

12.2.1制作GIF動(dòng)畫(huà)(逐幀)

我們啟動(dòng)ps后,選擇【文件】>【打開(kāi)】,打開(kāi)幾個(gè)圖像,如圖12-2-1所示。

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

圖12-2-1

接下來(lái)將這三張圖像分為三個(gè)圖層合在一個(gè)圖像里。如圖12-2-2所示。

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

圖12-2-2

下面我們通過(guò)動(dòng)畫(huà)面板新建兩個(gè)幀。如圖12-2-3所示。

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

圖12-2-3

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

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

圖12-2-4

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

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

圖12-2-5

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

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

圖12-2-6

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

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

圖12-2-7

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

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

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

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

圖12-2-8

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

 

12.2.2過(guò)渡動(dòng)畫(huà)

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

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

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

圖12-2-9

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

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

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

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

圖12-2-10

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

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

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

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

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

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

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

12.2.3用GIF格式存儲(chǔ)文件

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

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

圖12-2-11

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

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

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

圖12-2-12

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

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

圖12-2-13

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

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

圖12-2-14

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

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

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

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

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