當(dāng)前位置:首頁(yè)>ps入門教程>ps基礎(chǔ)教程>新手教程>教程內(nèi)容

讓你認(rèn)識(shí)GIF動(dòng)畫圖像格式,Photoshop CS3的GIF圖像綜述及彩信格式

來(lái)源: 作者: 學(xué)習(xí):1101人次

作者:趙鵬  來(lái)源 :太平洋
本文是關(guān)于Photoshop CS3的GIF圖像綜述及彩信格式講解教程,主要是介紹動(dòng)畫圖像格式是GIF的設(shè)置技巧,文中作者還就現(xiàn)在流行的手機(jī)彩信中的gif動(dòng)畫制作作了說(shuō)明,希望你閱讀后會(huì)有所收獲。



  •  

  在網(wǎng)頁(yè)設(shè)計(jì)擴(kuò)展教程中也包含對(duì)圖像格式的敘述,但不會(huì)再重復(fù)介紹本課中關(guān)于GIF的知識(shí),而是介紹其余圖像格式的特點(diǎn)及綜合使用的方法等。因此如果有想學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)擴(kuò)展教程的讀者,務(wù)必掌握好本課的內(nèi)容。
  現(xiàn)在我們已經(jīng)學(xué)習(xí)了許多制作動(dòng)畫的方法,但大家對(duì)于動(dòng)畫最終的呈現(xiàn)形式仍不十分清楚。動(dòng)畫究竟怎樣輸出?在哪些地方使用?在使用中又有哪些需要注意的?這節(jié)課我們就來(lái)詳細(xì)說(shuō)明這些問(wèn)題。

  目前在Windows系統(tǒng)上的主要?jiǎng)赢媹D像格式是GIF,其也可以直接在網(wǎng)頁(yè)中顯示,是目前應(yīng)用最廣泛的動(dòng)畫圖像格式。包括現(xiàn)在流行的手機(jī)彩信中的動(dòng)畫也屬于GIF格式。GIF格式可支持靜止和動(dòng)畫兩種表現(xiàn)方式。無(wú)論靜止還是動(dòng)畫,其特點(diǎn)是相同的。
  動(dòng)畫GIF格式的實(shí)現(xiàn)原理并不復(fù)雜,大家可將其理解為將多個(gè)靜止畫面(幀)組合在一起輪流顯示。這些畫面(幀)之間還有運(yùn)算關(guān)系存在,與選區(qū)何路徑的運(yùn)算類似,分別是添加、減去和消除。這是為了優(yōu)化動(dòng)畫的字節(jié)數(shù)。

  某一幀如果是添加方式,則就會(huì)在保留前一幀圖像畫面的基礎(chǔ)上,再加上這一幀的內(nèi)容,綜合形成新的畫面。如常見(jiàn)的進(jìn)度條動(dòng)畫就是一個(gè)典型,如下圖所示,假設(shè)一個(gè)進(jìn)度條由3幀組成,那么在我們眼中所看到的理論幀形態(tài)上來(lái)說(shuō),好像這3幀中分別保存了最短、中度和最長(zhǎng)進(jìn)度條的圖像。但其實(shí)在第2幀中只包含了第1幀中所沒(méi)有那個(gè)部分的像素,然后以添加方式作用于第1幀之上,形成了“1+2”的圖像。第3幀也是如此。這種優(yōu)化措施可有效減少圖像字節(jié)數(shù)。

  減去方式與之正好相反,是將前一幀圖像中的某些像素抹去,可用“倒退的進(jìn)度條”去理解。消除方式則是將前一幀完全擦除,主要用在前后兩幀之間沒(méi)有任何關(guān)聯(lián)的時(shí)候,比如從全部紅色變?yōu)槿烤G色時(shí),前后幀之間并沒(méi)有任何像素相同,則采取消除方式。

  在實(shí)際制作中Photoshop會(huì)自動(dòng)根據(jù)圖像情況來(lái)決定采取何種方式,不需要人工干預(yù)。這些運(yùn)算方式作為一個(gè)知識(shí)來(lái)了解就可以了。也可以作為構(gòu)思動(dòng)畫時(shí)的一個(gè)參考。

Photoshop CS3的GIF圖像綜述及彩信格
圖1

學(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)論
木子012008-05-14 10:17
gif 呵呵 我喜歡呢 可做的效果不好 來(lái)學(xué)習(xí)
果楚2008-05-12 11:10
...g i F又有點(diǎn)頭目了` 謝謝了` 嘿嘿
沒(méi)頭腦2008-05-11 01:34
支持一下<困>

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

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