資源描述:
《ps教程:png格式種類及應(yīng)用實(shí)例使用詳解》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在應(yīng)用文檔-天天文庫(kù)。
1、清新教育提供1.辦公2.平面3.網(wǎng)頁(yè)4.室內(nèi)5.模具6.淘寶7.UI8.動(dòng)漫9.SEO培訓(xùn)10.程序(PHP,JAVA,IOS,安卓)等10大課程培訓(xùn)www.qingxinedu.cn____________________________________________________________________________________________PS教程:PNG格式種類及應(yīng)用實(shí)例使用詳解【PConline教程】PNG是圖像文件存儲(chǔ)格式,在網(wǎng)頁(yè)設(shè)計(jì)中已經(jīng)不是一個(gè)陌生的名詞,在前端開發(fā)中經(jīng)常使用到它,如常用CSS雪碧圖。而PNG的使用不
2、僅僅如此,PNG有多少種格式,有哪些特點(diǎn),PC端中常用的PNG格式是哪些,手機(jī)端最合適的PNG格式是什么呢?如果你對(duì)這些問題有疑問,那么很開心的告訴你,這里有你需要的答案?! NG的格式和透明度 這個(gè)Fireworks會(huì)比較清楚,打開Fireworkd優(yōu)化面板,可以清楚看到PNG有3種不同深度的格式:PNG8、PNG24、PNG32。圖01 其中,在優(yōu)化面板選擇PNG8,可發(fā)現(xiàn)PNG8包括不透明、索引色透明、alpha透明3種格式。圖02 PNG89清新教育提供1.辦公2.平面3.網(wǎng)頁(yè)4.室內(nèi)5.模具6.淘寶7.UI8.動(dòng)漫9.SEO培訓(xùn)10.
3、程序(PHP,JAVA,IOS,安卓)等10大課程培訓(xùn)www.qingxinedu.cn____________________________________________________________________________________________ 8位的PNG最多支持256(2的8次方)種顏色,8位的PNG其實(shí)8支持不透明、索引透明、alpha透明?! NG24 支持2的24次方種顏色,表現(xiàn)為不透明。 PNG32 支持2的32次方種顏色,32位是我們最常使用的格式,它是在PNG在24位的PNG基礎(chǔ)上增加了8位的透明信
4、息,支持不同程度的半透效果。 其實(shí)PNG8的3種格式不透明、索引透明、alpha透明,正好把PNG的所有格式都?xì)w類好了: 『PNG不透明』格式 『PNG索引透明』格式 『PNGalpha透明』格式 『PNG不透明』格式 說到不透明,就像jpg格式一樣,『PNG不透明』只能為不透明,代表格式有:『PNG8不透明』和『PNG24』,導(dǎo)出軟件有:Photoshop、Fireworks。不推薦使用『PNG不透明』格式,建議用jpg圖片來代替它。 可能會(huì)有同學(xué)會(huì)問為什么PNG24是不透明的,我使用Photoshop導(dǎo)出來的就是PNG24??? PN
5、G24實(shí)際為不透明圖片 打開Photoshop,任意打開一個(gè)帶透明的psd文件,存儲(chǔ)為web所有格式(ctrl+shift+alt+s),如下面板所示:圖03 不勾選透明度單選框,圖片的透明背景會(huì)被默認(rèn)的白色填充9清新教育提供1.辦公2.平面3.網(wǎng)頁(yè)4.室內(nèi)5.模具6.淘寶7.UI8.動(dòng)漫9.SEO培訓(xùn)10.程序(PHP,JAVA,IOS,安卓)等10大課程培訓(xùn)www.qingxinedu.cn______________________________________________________________________________
6、______________圖04 導(dǎo)出來的PNG圖片深度為24位,圖片為不透明,表現(xiàn)跟jpg圖片相似圖05 如果勾選了透明度(alpha通道),導(dǎo)出深度為32位的透明圖片圖06『PNG8索引透明』產(chǎn)生雜邊鋸齒原因 從Photoshop存儲(chǔ)為web所有格式面板中這樣理解,PNG24深度其實(shí)為24位,再勾選上8位的alhpa通道,24+8=32,即『PNG32』=『PNG24+alpha』,這也許是Photoshop軟件開發(fā)者不添加PNG32位格式的原因,下圖為Photoshop存儲(chǔ)為web所有格式界面的圖片格式選擇,并沒有PNG32位的選項(xiàng)~9清
7、新教育提供1.辦公2.平面3.網(wǎng)頁(yè)4.室內(nèi)5.模具6.淘寶7.UI8.動(dòng)漫9.SEO培訓(xùn)10.程序(PHP,JAVA,IOS,安卓)等10大課程培訓(xùn)www.qingxinedu.cn____________________________________________________________________________________________圖07 『PNG索引透明』格式 說到索引顏色透明,我們可以了解下什么是索引顏色,『PNG索引透明』代表格式有『PNG8索引透明』,導(dǎo)出軟件有:Photoshop、Fireworks,它的特
8、點(diǎn)總結(jié)如下: 挑選一副圖片中最有代表性的若干種顏色(通常不超過256種) 只能為不透明或全