顏色管理,讓自己的照片在網(wǎng)上正確地顯示(2)
無論你在系統(tǒng)的ICC列表里看到多少個(gè)配置文件,遵循以下原則:
-
如果校色了,那么用校色儀生成的那個(gè)ICC文件,這個(gè)一定是首選。如果沒有校色的條件,那么用顯示器廠商提供的通用ICC文件。
只有以上兩個(gè)是最接近真實(shí)的方法,網(wǎng)上一部分教程建議把色彩空間統(tǒng)一設(shè)置為sRGB是非常錯(cuò)誤的做法,那樣做的效果只是讓同一張圖片在你自己電腦的不同軟件上看起來是一樣的,但世界上的其他人看到的跟你都不一樣!
————————————————————下面進(jìn)入P圖階段————————————————————
P圖階段(Photoshop)P圖階段所用到的軟件,比如Photoshop、Lightroom等都對(duì)色彩空間有很好的支持。先說Photoshop,進(jìn)入色彩設(shè)置界面(編輯->色彩設(shè)置),在顯示器顏色的設(shè)置中,RGB三原色所對(duì)應(yīng)的ICC配置應(yīng)該與上一節(jié)里所展示的WINDOWS設(shè)置一致。
當(dāng)你在PS里打開一張圖片的時(shí)候,你很有可能遇到這個(gè)對(duì)話框:
以下三張圖分別對(duì)應(yīng)著從上到下三個(gè)選項(xiàng)的效果:
無論如何都不要選第三項(xiàng),因?yàn)樗直┑胤艞壛松使芾恚菑垐D看起來也非常假
不得不說的是,有人還就喜歡把圖調(diào)成這種重口味的,哈哈,但即便是這個(gè)審美傾向,也不應(yīng)該選這個(gè)
剩下的兩個(gè),乍一看選任何一個(gè)都可以,因?yàn)榭瓷先バЧ且粯拥,顏色自然而真?shí),下面將介紹它們之間的區(qū)別。
首先,被打開的圖片是一張內(nèi)嵌了ICC色彩配置的RAW文件,而那個(gè)ICC就是常見的Adobe RGB。而我的顯示器校正以后的ICC簡(jiǎn)稱為U2413,這也是Photoshop和Windows當(dāng)前生效的色彩配置。兩個(gè)選項(xiàng)的作用分別是:
使用圖片內(nèi)嵌的色彩配置。PS處理圖片的時(shí)候用的是原有色彩空間Adobe RGB,僅在顯示的時(shí)候轉(zhuǎn)換為U2413
把圖片從自己的色彩空間轉(zhuǎn)到。PS色彩空間 PS直接把圖片里的顏色從Adobe RGB轉(zhuǎn)換到U2413,顯示的時(shí)候就不需要再轉(zhuǎn)了。
看上去非常繞,事實(shí)上以上兩項(xiàng)無論你選哪個(gè),影響的都只是PS的內(nèi)部運(yùn)算,而在顯示的時(shí)候,PS都會(huì)把顏色轉(zhuǎn)換到U2413,所以最終看到的效果都是一樣的。
選哪個(gè)?簡(jiǎn)單來說,就跟我們追求大的動(dòng)態(tài)范圍是一個(gè)道理,如果圖片內(nèi)嵌的色彩空間大于你當(dāng)前的色彩空間,那么保留。比如在這個(gè)例子里,Adobe RGB是比U2413要豐富的,那我們選第一項(xiàng)來保留原有色彩空間。而如果原圖內(nèi)嵌的僅僅是sRGB這樣的貨色,那轉(zhuǎn)成U2413這樣的廣色域也未嘗不可。
還能再簡(jiǎn)單點(diǎn)嗎?
能,一律選第一項(xiàng)!
P圖P得差不多就可以導(dǎo)出成JPG了,Ctrl+Shift+Alt+S就進(jìn)入了導(dǎo)出JPG的界面,紅框里的區(qū)域就是關(guān)鍵:
務(wù)必要勾選“轉(zhuǎn)換到sRGB”sRGB就是瀏覽器里看圖片的最保險(xiǎn)的色彩空間,因?yàn)閃INDOWS默認(rèn)色彩空間就是這個(gè),而WINDOWS又是最被廣泛使用的操作系統(tǒng)。各個(gè)顯示器廠家在生產(chǎn)的時(shí)候,也盡量保證sRGB色彩空間顯示出來不會(huì)太離譜?梢哉f,把圖片導(dǎo)出到sRGB色彩空間的這個(gè)做法,就是針對(duì)網(wǎng)絡(luò)瀏覽的最佳實(shí)踐,所以請(qǐng)務(wù)必勾選。
至于那個(gè)下拉框里的四個(gè)選項(xiàng),是用來預(yù)覽導(dǎo)出后的圖片在不同條件下面查看的效果,從上到下解釋一下:
-
在IE和WINDOWS上看的效果(僅限于你自己的機(jī)器)在古董MAC下看的看的效果在支持完整色彩管理的瀏覽器下看的效果,比如Chrome和Firefox(近似別人看到的效果)在你自己的顯示器上看的效果(同時(shí)也是別人看到的效果)
請(qǐng)以第四項(xiàng)的效果為準(zhǔn),同時(shí)可以參考第三項(xiàng)的效果,頭兩項(xiàng)則可忽略。
這些天殺的軟件啊,給我那么多選項(xiàng)做什么,老子只要最make sense的那個(gè)!
P圖階段(Lightroom)Lightroom相對(duì)傻瓜化,根本找不到任何與色彩管理相關(guān)的設(shè)置,它的工作方式是保留原圖的色彩空間,顯示的時(shí)候轉(zhuǎn)換為系統(tǒng)默認(rèn)的色彩空間,導(dǎo)出JPG的時(shí)候一律轉(zhuǎn)成sRGB。我覺得這個(gè)工作流非常正確,保留原圖色彩屬性,用正確的顏色預(yù)覽方便P圖,導(dǎo)出為網(wǎng)絡(luò)通用色彩空間,完美。
所以在一臺(tái)經(jīng)過校色的顯示器上,你在Lightroom里面看到的就是正確的顏色,導(dǎo)出以后可能會(huì)稍有偏差(主要是沒那么鮮艷了),但也非常接近原有效果了。
如果你使用LIGHTROOM,恭喜,你啥都不用做,相信它就好。
有人會(huì)問,為什么LR導(dǎo)出來的圖片放在IE里面看,會(huì)異常鮮艷呢?
答案是你很有可能使用了廣色域顯示器,接下來進(jìn)入看圖部分。
看圖階段有沒有發(fā)現(xiàn)導(dǎo)出的JPG放到瀏覽器里就變得異常鮮艷呢?這就是之前困擾我許多天的問題,我翻閱很多文章,來回倒騰系統(tǒng)設(shè)置,甚至重新P圖,非常挫敗,所以得解時(shí)幾乎內(nèi)牛滿面啊。。。
首先,那個(gè)把圖片顯示得異常鮮艷的瀏覽器極有可能是IE或者各種帶殼的IE(比如QQ瀏覽器、360瀏覽器等所有以IE為內(nèi)核的瀏覽器。。。),因?yàn)镮E的顏色管理是半吊子。它雖然支持的ICC版本最全(版本2和4都支持),但它在顯示的時(shí)候,漏掉了最重要的一步,也就是把圖片從sRGB轉(zhuǎn)換為顯示器的色彩空間(還是拿我舉個(gè)栗子,就是之前提到的U2413)。
學(xué)習(xí) · 提示
相關(guān)教程
- 色彩知識(shí),動(dòng)態(tài)色彩設(shè)計(jì)師閉關(guān)修行必備
- 色彩知識(shí),PS中那些的HSB指的究竟是什么
- 色環(huán)知識(shí),用色環(huán)講調(diào)色是不懂色彩
- 色彩知識(shí),常用顏色色譜表
- 色彩搭配,ps基礎(chǔ)之色彩搭配
- 調(diào)色先要懂色彩:東方色彩與西方色彩
- 色環(huán)跟調(diào)色沒有關(guān)系,用色環(huán)講調(diào)色說明不懂色彩
- 色環(huán)跟調(diào)色沒關(guān)系,CMYK與RGB不是互補(bǔ)色
- 色彩知識(shí),追色、模仿色彩是不懂色彩表現(xiàn)
- 色彩知識(shí),色彩搭配誤導(dǎo)了攝影行業(yè)
推薦教程
- 7個(gè)幫你全面提升Web表單填寫體驗(yàn)的方法
- Photoshop使用密技八招
- PS中的顏色知識(shí)之三:更高級(jí)的模式轉(zhuǎn)換
- 手機(jī)設(shè)計(jì)!移動(dòng)設(shè)備的界面設(shè)計(jì)尺寸
- 設(shè)計(jì)知識(shí),印刷品設(shè)計(jì)的小知識(shí)
- 電商設(shè)計(jì),超全面的電商網(wǎng)站商品頁(yè)設(shè)計(jì)指南
- photoshop 動(dòng)作詳解
- 設(shè)計(jì)趨勢(shì),探討信息可視化的流程和方法(下)
- 視覺欺騙,講講四個(gè)欺騙設(shè)計(jì)師視覺的例子
- 網(wǎng)頁(yè)設(shè)計(jì)!網(wǎng)頁(yè)設(shè)計(jì)中的圖標(biāo)的使用技巧與資源合集