小型網(wǎng)站建設(shè)公司,網(wǎng)站建設(shè) 010,網(wǎng)站建設(shè)與管理試題答案,免費(fèi)商品列表網(wǎng)頁模板源代碼目錄 8.1圖像色彩調(diào)整基礎(chǔ) 8.1.1 色彩模式的轉(zhuǎn)換 1. 色彩模式轉(zhuǎn)換注意問題 2. 各種色彩模式之間的轉(zhuǎn)換 8.1.2 圖像的色調(diào)調(diào)整 1. 色階與自動(dòng)色階 2. 曲線調(diào)整 3. 亮度與對(duì)比度命令 4. 色彩平衡 5. 直方圖 8.1.3 圖像的色相調(diào)整 1. 色相 / 飽和度 2. 替換顏色 3. …目錄8.1圖像色彩調(diào)整基礎(chǔ)8.1.1 色彩模式的轉(zhuǎn)換1. 色彩模式轉(zhuǎn)換注意問題2. 各種色彩模式之間的轉(zhuǎn)換8.1.2 圖像的色調(diào)調(diào)整1. 色階與自動(dòng)色階2. 曲線調(diào)整3. 亮度與對(duì)比度命令4. 色彩平衡5. 直方圖8.1.3 圖像的色相調(diào)整1. 色相 / 飽和度2. 替換顏色3. 變化4. 去色5. 漸變映射6. 色調(diào)分離8.2 圖像偏色的調(diào)整8.3 圖像色彩調(diào)整技術(shù)應(yīng)用8.4 圖像的輸出1. 使用 Web 圖形2. 創(chuàng)建翻轉(zhuǎn)3. 導(dǎo)出到 Zoomify4. 切片的 Web 頁5. 切片類型6. 為切片指定 URL 鏈接信息8.5 圖像的優(yōu)化8.6 圖像優(yōu)化與輸出的應(yīng)用8.1圖像色彩調(diào)整基礎(chǔ)8.1.1 色彩模式的轉(zhuǎn)換在 Photoshop 中可以自由地轉(zhuǎn)換圖像的各種色彩模式但是由于不同的色彩模式所包含的顏色范圍不同以及各自特性存在差異因而在轉(zhuǎn)換時(shí)或多或少會(huì)產(chǎn)生一些數(shù)據(jù)的丟失。此外色彩模式與輸出設(shè)備也息息相關(guān)因而在進(jìn)行模式轉(zhuǎn)換時(shí)就應(yīng)該考慮到這些問題盡量做到按照需求適當(dāng)謹(jǐn)慎地處理圖像色彩模式避免產(chǎn)生不必要的損失以獲得高效率、高品質(zhì)的圖像。1. 色彩模式轉(zhuǎn)換注意問題在選擇使用色彩模式時(shí)通常要考慮以下四個(gè)方面的問題1圖像輸出和輸入方式輸出方式就是圖像是以什么方式輸出若以印刷輸出則必須使用 CMYK 色彩模式存儲(chǔ)圖像若只是在屏幕上顯示則以 RGB 色彩模式或索引色彩模式輸出較多。輸入方式是指在掃描輸入圖像時(shí)以什么模式存儲(chǔ)通常使用的是 RGB 色彩模式因?yàn)樵撃Ｊ接休^廣闊的顏色范圍和操作空間。2編輯功能在選擇模式時(shí)需要考慮到在 Photoshop 中能夠使用的功能例如 CMYK 色彩模式的圖像不能使用某些濾鏡位圖模式下不能使用自由旋轉(zhuǎn)、圖層功能等。所以在編輯時(shí)可以選擇 RGB 色彩模式來操作完成編輯后再轉(zhuǎn)換為其他模式進(jìn)行保存。這是因?yàn)?RGB 圖像可以使用所有濾鏡和其他 Photoshop 的所有功能。3顏色范圍不同模式的顏色范圍也是不一樣的所以編輯時(shí)可以選擇顏色范圍較廣的 RGB 色彩模式和 Lab 色彩模式以獲得最佳的圖像效果。4文件占用的內(nèi)存和磁盤空間不同模式保存的文件的大小是不一樣的索引色彩模式的文件大約是 RGB 色彩模式文件的 1~3 倍而 CMYK 色彩模式的文件又比 RGB 色彩模式大得多。而文件越大所占用的內(nèi)存越多因此為了提高工作效率和操作需要可以選擇文件較小的模式但同時(shí)還應(yīng)該考慮到上述三個(gè)方面比較而言RGB 色彩模式是最佳選擇。2. 各種色彩模式之間的轉(zhuǎn)換1將彩色圖像轉(zhuǎn)換為灰度模式將彩色圖像轉(zhuǎn)換為灰度模式時(shí)Photoshop 會(huì)扔掉原圖中所有的顏色信息而只保留像素的灰度級(jí)?；叶饶Ｊ娇勺鳛槲粓D模式和彩色模式間相互轉(zhuǎn)換的中介模式。2將其他模式的圖像轉(zhuǎn)換為位圖模式將圖像轉(zhuǎn)換為位圖模式會(huì)使圖像顏色減少到兩種這樣就大大簡化了圖像中的顏色信息并減小了文件大小。要將圖像轉(zhuǎn)換為位圖模式必須首先將其轉(zhuǎn)換為灰度模式。這會(huì)去掉像素的色相和飽和度信息而只保留亮度值。但是由于只有很少的編輯選項(xiàng)能用于位圖模式圖像所以最好是在灰度模式中編輯圖像然后再轉(zhuǎn)換它。在灰度模式中編輯的位圖模式圖像轉(zhuǎn)換回位圖模式后看起來可能不一樣。例如在位圖模式中為黑色的像素在灰度模式中經(jīng)過編輯后可能會(huì)成為灰色。如果像素足夠亮當(dāng)轉(zhuǎn)換回位圖模式時(shí)它將成為白色。3將其他模式轉(zhuǎn)換為索引色彩模式在將彩色圖像轉(zhuǎn)換為索引色彩模式時(shí)會(huì)刪除圖像中的很多顏色而僅保留其中的 256 種顏色即許多多媒體動(dòng)畫應(yīng)用程序和網(wǎng)頁所支持的標(biāo)準(zhǔn)顏色數(shù)。只有灰度模式和 RGB 色彩模式的圖像可以轉(zhuǎn)換為索引色彩模式。由于灰度模式本身就是由 256 級(jí)灰度構(gòu)成因此轉(zhuǎn)換為索引色彩模式后無論顏色還是圖像大小都沒有明顯的差別。但是將 RGB 色彩模式的圖像轉(zhuǎn)換為索引色彩模式后圖像的尺寸將明顯減少同時(shí)圖像的視覺品質(zhì)也將多少受損。4將 RGB 色彩模式的圖像轉(zhuǎn)換成 CMYK 色彩模式如果將 RGB 色彩模式的圖像轉(zhuǎn)換成 CMYK 色彩模式圖像中的顏色就會(huì)產(chǎn)生分色顏色的色域就會(huì)受到限制。因此如果圖像是 RGB 色彩模式的最好選在 RGB 色彩模式下編輯然后再轉(zhuǎn)換成 CMYK 色彩模式的圖像。5用 Lab 色彩模式進(jìn)行模式轉(zhuǎn)換在 Photoshop 所能使用的顏色模式中Lab 色彩模式的色域最寬它包括 RGB 色彩模式和 CMYK 色彩模式色域中的所有顏色。所以使用 Lab 色彩模式進(jìn)行轉(zhuǎn)換時(shí)不會(huì)造成任何色彩上的損失。Photoshop 便是以 Lab 色彩模式作為內(nèi)部轉(zhuǎn)換模式來完成不同顏色模式之間的轉(zhuǎn)換。例如在將 RGB 色彩模式的圖像轉(zhuǎn)換為 CMYK 色彩模式的圖像時(shí)計(jì)算機(jī)內(nèi)部首先會(huì)把 RGB 色彩模式的圖像轉(zhuǎn)換為 Lab 色彩模式的圖像然后再將 Lab 色彩模式的圖像轉(zhuǎn)換為 CMYK 色彩模式的圖像。6將其他模式轉(zhuǎn)換成多通道模式多通道模式可通過轉(zhuǎn)換顏色模式和刪除原有圖像的顏色通道得到。將 CMYK 色彩模式的圖像轉(zhuǎn)換為多通道模式可創(chuàng)建由青、洋紅、黃和黑色專色專色是特殊的預(yù)混油墨用來替代或補(bǔ)充印刷四色油墨專色通道是可為圖像添加預(yù)覽專色的專用顏色通道構(gòu)成的圖像。RGB 色彩模式的圖像轉(zhuǎn)換成多通道模式可創(chuàng)建青、洋紅和黃色專色構(gòu)成的圖像。從 RGB 色彩模式、CMYK 色彩模式或 Lab 色彩模式的圖像中刪除一個(gè)通道Photoshop 會(huì)自動(dòng)將圖像轉(zhuǎn)換為多通道模式。原來的通道被轉(zhuǎn)換成專色通道。8.1.2 圖像的色調(diào)調(diào)整1. 色階與自動(dòng)色階色階是指圖像中顏色或者顏色中某一個(gè)組成部分的亮度范圍。在 “圖像 — 調(diào)整” 子菜單中提供了兩個(gè)命令來調(diào)整圖像的色階色階L快捷鍵是 “CtrlL”自動(dòng)色階快捷鍵是 “ShiftCtrlL”。當(dāng)使用自動(dòng)色階命令時(shí)系統(tǒng)不會(huì)顯示任何對(duì)話框而只以默認(rèn)的值來調(diào)整圖像顏色的亮度。一般說來這種調(diào)整只能是對(duì)該圖像所有顏色來進(jìn)行而不能只針對(duì)某一種色彩來調(diào)整。例如打開一個(gè)文件如圖 7-1 所示使用自動(dòng)色階 “ShiftCtrlL” 命令對(duì)其進(jìn)行調(diào)整如圖 7-2 所示。色階命令能夠精確地手動(dòng)調(diào)整色階。執(zhí)行色階命令后會(huì)打開色階對(duì)話框如圖 7-3 所示。使用色階對(duì)話框中的選項(xiàng)能夠修改圖像的最亮處、最暗處及中間色調(diào)使用吸管工具可以精確地讀出每個(gè)位置在變化前后的色調(diào)值。色階對(duì)話框中各選項(xiàng)含義如下1通道該列表框中包括了所使用的色彩模式以及各種原色通道。默認(rèn)時(shí)圖像應(yīng)用 RGB 色彩模式可以選擇 RGB 色彩模式、紅色通道、綠色通道和藍(lán)色通道。在這里所做的選擇直接影響到色階對(duì)話框的其他選項(xiàng)。2輸入色階I該參數(shù)主要用來指定通道下圖像的 “最暗處”“中間色調(diào)”“最亮處” 的值輸入的數(shù)值直接影響著色調(diào)分布圖中三個(gè)滑塊的位置。3色階分布圖用以顯示圖像中明、暗色調(diào)的分布示意圖。根據(jù)在通道選項(xiàng)中選擇的顏色通道的不同該示意圖會(huì)有不同的顯示。4最暗色調(diào)控制滑塊該滑塊主要用來調(diào)整圖像中最暗處的值。默認(rèn)時(shí)該滑塊位于最左端向右拖動(dòng)會(huì)使圖像的顏色變暗。5中間色調(diào)控制滑塊用以調(diào)整圖像的中間色調(diào)的值。默認(rèn)時(shí)該滑塊位于中間位置向左拖動(dòng)可以增加圖像的亮度向右拖動(dòng)則會(huì)使圖像變暗。例如打開一個(gè)文件如圖 7-4 所示對(duì)圖像色階進(jìn)行調(diào)整如圖 7-5 所示。2. 曲線調(diào)整曲線調(diào)整命令是一個(gè)用途非常廣泛的色彩調(diào)整命令。它不像色階對(duì)話框那樣只用了三個(gè)控制點(diǎn)來調(diào)整顏色而是將顏色范圍分為若干個(gè)小方塊每個(gè)方塊都能夠控制一個(gè)亮度層次的變化。利用曲線調(diào)整命令可以綜合調(diào)整圖像的亮度、對(duì)比度色彩等。因此該命令實(shí)際上是反相、色調(diào)分離、亮度 — 對(duì)比度等多個(gè)色彩調(diào)整命令的綜合用戶可以調(diào)整 0~255 范圍內(nèi)的任意點(diǎn)同時(shí)又可以保持 15 個(gè)其他值不變。曲線對(duì)話框如圖 7-6 所示。3. 亮度與對(duì)比度命令亮度 / 對(duì)比度命令是對(duì)圖像的色調(diào)范圍進(jìn)行簡單調(diào)整的最簡單方法與曲線和色階不同該命令一次調(diào)整圖像中所有像素的高光、暗調(diào)和中間調(diào)。另外亮度 / 對(duì)比度對(duì)話框命令對(duì)單個(gè)通道不起作用建議不要用于高精度輸出。執(zhí)行亮度 / 對(duì)比度命令打開亮度 / 對(duì)比度對(duì)話框拖移滑塊以調(diào)整亮度和對(duì)比度如圖 7-7 所示向左拖移會(huì)降低亮度和對(duì)比度向右拖移則會(huì)增加亮度和對(duì)比度每個(gè)滑塊右側(cè)的數(shù)字顯示亮度或?qū)Ρ戎禂?shù)值范圍為 - 100 到 100。對(duì)比度命令自動(dòng)映射圖像中最亮的像素為白和黑使得高光更亮而陰影更黑。自動(dòng)調(diào)整對(duì)比度時(shí)Photoshop 忽略圖像中黑白像素前 0.5% 的范圍顏色值的這種裁剪可保證白值和黑值是圖像中有代表性的。要自動(dòng)調(diào)整對(duì)比度可以選擇執(zhí)行 “圖像 — 調(diào)整 — 自動(dòng)對(duì)比度” 命令。4. 色彩平衡與亮度 / 對(duì)比度命令一樣色彩平衡工具提供一般化的色彩校正。如果要想精確控制單個(gè)顏色成分可以使用色階、曲線、色相 / 飽和度、替換顏色等專門的色彩校正工具。打開色彩平衡對(duì)話框如圖 7-8 所示?？梢詫⑷切瓮舷蛐枰趫D像中增加的顏色或減少的顏色。顏色條上的值顯示紅色、綠色和藍(lán)色通道的顏色變化數(shù)值范圍從 - 100 到 100。運(yùn)用以上參數(shù)調(diào)整的圖像效果如圖 7-9、圖 7-10 所示。5. 直方圖直方圖用圖形表示圖像的每個(gè)亮度級(jí)別的像素?cái)?shù)量展示像素在圖像中的分布情況。直方圖顯示陰影中的細(xì)節(jié)在直方圖的左側(cè)部分顯示、中間調(diào)在中部顯示以及高光在右側(cè)部分顯示。直方圖可以幫助用戶確定某個(gè)圖像是否有足夠的細(xì)節(jié)來進(jìn)行良好的校正。直方圖還提供了圖像色調(diào)范圍或圖像基本色調(diào)類型的快速瀏覽圖低色調(diào)圖像的細(xì)節(jié)集中在陰影處高色調(diào)圖像的細(xì)節(jié)集中在高光處平均色調(diào)圖像的細(xì)節(jié)集中在中間調(diào)處全色調(diào)范圍的圖像在所有區(qū)域中都有大量的像素。識(shí)別色調(diào)范圍有助于確定相應(yīng)的色調(diào)校正、不同光度的照片及其直方圖信息如圖 7-11 所示。圖 7-11 中a為曝光過度照片及其直方圖b為正確曝光照片及其直方圖c為曝光不足照片及其直方圖。在 Photoshop 中用戶可以使用直方圖面板查看圖像信息也可以在 “圖像 / 調(diào)整” 菜單命令下的色階和曲線命令查看并調(diào)整。8.1.3 圖像的色相調(diào)整1. 色相 / 飽和度“色相 / 飽和度” 命令用來調(diào)整圖像中單個(gè)顏色成分的色相、飽和度和亮度調(diào)整色相或顏色表現(xiàn)為在色輪中移動(dòng)調(diào)整飽和度或顏色的純度表現(xiàn)為在半徑上移動(dòng)。也可以使用 “著色” 選項(xiàng)將顏色添加到已轉(zhuǎn)換為 RGB 色彩模式的灰度圖像或添加到 RGB 色彩模式的圖像通過將顏色值減到一個(gè)色相使其看起來像雙色調(diào)圖像。執(zhí)行命令打開色相 / 飽和度對(duì)話框如圖 7-12 所示。使用 “色相 / 飽和度” 命令一般需要以下過程1執(zhí)行命令打開 “色相 / 飽和度” 對(duì)話框。在對(duì)話框中顯示有兩個(gè)顏色條它們以各自的順序表示色輪中的顏色。上面的顏色條顯示調(diào)整前的顏色下面的顏色條顯示調(diào)整如何以全飽和狀態(tài)影響所有色相。2對(duì)于 “編輯” 選項(xiàng)選取 “全圖” 可以一次調(diào)整所有顏色。如果要調(diào)整的顏色選取超出其中的一個(gè)預(yù)設(shè)顏色范圍一個(gè)調(diào)整滑塊會(huì)出現(xiàn)在顏色條之間可以用它來編輯任何范圍的色相。3對(duì)于 “色相” 選項(xiàng)輸入一個(gè)數(shù)值或拖移滑塊直至出現(xiàn)需要的顏色。文本框中顯示的值反映像素原來的顏色在色輪中旋轉(zhuǎn)的度數(shù)。正值表示順時(shí)針旋轉(zhuǎn)負(fù)值表示逆時(shí)針旋轉(zhuǎn)。數(shù)值的范圍可以從 - 180 到 180。4對(duì)于 “飽和度” 選項(xiàng)輸入一個(gè)數(shù)值或?qū)⒒瑝K向右拖移增加飽和度向左拖移減少飽和度。顏色相對(duì)于所選像素的起始顏色值從色輪中心向外移動(dòng)或從外向色輪中心移動(dòng)。數(shù)值范圍可以從 - 100 到 100。5對(duì)于 “明度” 選項(xiàng)輸入一個(gè)數(shù)值或?qū)⒒瑝K向右拖移增加明度向左拖移減少明度。數(shù)值范圍可以從 - 100 到 100。參數(shù)調(diào)整后的圖像效果如圖 7-13、圖 7-14 所示。2. 替換顏色“替換顏色” 命令基于在圖像中取樣的顏色來調(diào)整圖像的色相、飽和度和明度值。實(shí)際上是在圖像中基于特定顏色創(chuàng)建蒙版然后替換圖像中的那些顏色蒙版是暫時(shí)的。選取 “圖像 — 調(diào)整 — 替換顏色” 命令“替換顏色” 對(duì)話框如圖 7-15 所示。用替換顏色的參數(shù)調(diào)整的圖像效果如圖 7-16、圖 7-17 所示。其中 “選區(qū)C” 在預(yù)覽框中顯示蒙版。被蒙版區(qū)域是黑色未蒙版區(qū)域是白色?！皥D像M” 在預(yù)覽框中顯示圖像。在處理放大的圖像或僅有有限屏幕空間時(shí)該選項(xiàng)非常有用。通過拖移 “顏色容差” 滑塊或輸入一個(gè)值來調(diào)整蒙版的容差。此選項(xiàng)控制選區(qū)中包括哪一種相關(guān)顏色的程度。3. 變化“變化” 命令可以調(diào)整圖像或選區(qū)的色彩平衡、對(duì)比度和飽和度此命令對(duì)于不需要精確色彩調(diào)整的平均調(diào)圖最有用但不能用在索引顏色圖像上。打開 “變化” 對(duì)話框如圖 7-18 所示。對(duì)話框頂部的兩個(gè)縮覽圖顯示調(diào)整前和調(diào)整后的圖像。在第一次打開該對(duì)話框時(shí)這兩個(gè)圖像是一樣的。隨著進(jìn)一步調(diào)整“當(dāng)前挑選” 圖像會(huì)改變以反映操作的設(shè)置。每次單擊一個(gè)縮覽圖所有的縮覽圖都會(huì)改變。中間縮覽圖總是反映當(dāng)前的選擇。4. 去色“去色” 命令將彩色圖像轉(zhuǎn)換為相同顏色模式下的灰度圖像。例如它給 RGB 色彩模式圖像中的每個(gè)像素指定相等的紅色、綠色和藍(lán)色值使圖像表現(xiàn)為灰度。每個(gè)像素的明度值不改變。此命令與在 “色相 — 飽和度” 對(duì)話框中將 “飽和度” 設(shè)置為 - 100 有相同的效果。如果正在處理多層圖像則 “去色” 命令僅轉(zhuǎn)換所選圖層。執(zhí)行該命令去掉彩色圖像中的所有顏色值將其轉(zhuǎn)換為相同顏色模式的灰度圖像。選取 “圖像 — 調(diào)整 — 去色” 后即可得到去色效果。5. 漸變映射“漸變映射” 命令將相等的圖像灰度范圍映射到指定的漸變填充色。如果指定雙色漸變填充則圖像中的暗調(diào)映射到漸變填充的一個(gè)端點(diǎn)顏色高光映射到另一個(gè)端點(diǎn)顏色中間調(diào)映射到兩個(gè)端點(diǎn)間的層次。漸變映射選項(xiàng)如圖 7-19 所示。漸變映射前后的圖像效果如圖 7-20、圖 7-21 所示。漸變編輯器如圖 7-22 所示。6. 色調(diào)分離“色調(diào)分離” 命令可以指定圖像中每個(gè)通道的色調(diào)級(jí)或亮度值的數(shù)目然后將像素映射為最接近的匹配色調(diào)。例如在 RGB 色彩模式圖像中選取兩個(gè)色調(diào)級(jí)可以產(chǎn)生六種顏色兩種紅色、兩種綠色、兩種藍(lán)色。在照片中創(chuàng)建特殊效果如創(chuàng)建大的單色調(diào)區(qū)域時(shí)此命令非常有用。在減少灰度圖像中的灰色色階數(shù)時(shí)它的效果最為明顯。但它也可以在彩色圖像中產(chǎn)生一些特殊效果。如果想在圖像中使用特定數(shù)量的顏色則將圖像轉(zhuǎn)換為灰度并指定需要的色階數(shù)。然后將圖像轉(zhuǎn)換回以前的顏色模式并使用想要的顏色替換不同的灰色調(diào)。8.2 圖像偏色的調(diào)整商品拍攝過程中導(dǎo)致的圖像偏色主要是用 “色相 / 飽和度調(diào)整” 命令以及 “色彩平衡” 命令來調(diào)整。應(yīng)用 “色相 / 飽和度” 調(diào)整命令的一般步驟1單擊 “調(diào)整” 面板中的 “色相 / 飽和度” 圖標(biāo)或 “色相 / 飽和度” 預(yù)設(shè)。2選擇 “圖層 — 新建調(diào)整圖層 — 色相 / 飽和度”。在 “新建圖層” 對(duì)話框中單擊 “確定” 按鈕。在對(duì)話框中顯示有兩個(gè)顏色條它們以各自的順序表示色輪中的顏色。上面的顏色條顯示調(diào)整前的顏色下面的顏色條顯示調(diào)整如何以全飽和狀態(tài)影響所有色相。另外也可以選擇 “圖像 — 調(diào)整 — 色相 / 飽和度”。但是這個(gè)方法直接對(duì)圖像圖層進(jìn)行調(diào)整并扔掉圖像信息。3在 “調(diào)整” 面板中從 “編輯” 彈出式菜單中選擇要調(diào)整的顏色選取 “全圖” 可以一次調(diào)整所有顏色。要為調(diào)整的顏色選取列出的其他一個(gè)預(yù)設(shè)顏色范圍。4對(duì)于 “色相”輸入一個(gè)數(shù)值或拖移滑塊框中顯示的數(shù)值反映像素原來的顏色在色輪中旋轉(zhuǎn)的度數(shù)。正值指明順時(shí)針旋轉(zhuǎn)負(fù)值指明逆時(shí)針旋轉(zhuǎn)。數(shù)值的范圍可以是 - 180 到 180。5對(duì)于 “飽和度”輸入一個(gè)數(shù)值或?qū)⒒瑝K向右拖移增加飽和度向左拖移減少飽和度。顏色將變得遠(yuǎn)離或靠近色輪的中心。數(shù)值的范圍可以是 - 100飽和度減少的百分比使顏色變暗到 100飽和度增加的百分比。6對(duì)于 “明度”輸入一個(gè)數(shù)值或者向右拖動(dòng)滑塊以增加亮度向顏色中增加白色或向左拖動(dòng)以降低亮度向顏色中增加黑色。數(shù)值的范圍可以是 - 100黑色的百分比到 100白色的百分比?！吧势胶狻?命令的一般操作步驟對(duì)于普通的色彩校正“色彩平衡” 命令更改圖像的總體顏色混合。1確保在 “通道” 面板中選擇了復(fù)合通道。只有當(dāng)用戶查看復(fù)合通道時(shí)此命令才可用。2單擊 “調(diào)整” 面板中的 “色彩平衡” 圖標(biāo)這個(gè)方法直接對(duì)圖像圖層進(jìn)行調(diào)整并扔掉圖像信息。或者選取 “圖層 — 新建調(diào)整圖層 — 色彩平衡”在 “新建圖層” 對(duì)話框中單擊 “確定” 按鈕。3在不取消選區(qū)的前提下在 “調(diào)整” 面板中選擇 “陰影”“中間調(diào)” 或 “高光”以選擇要著重更改的色調(diào)范圍。4選擇 “保持亮度” 以防止圖像的亮度值隨顏色的更改而改變。該選項(xiàng)可以保持圖像的色調(diào)平衡。5將滑塊拖向要在圖像中增加的顏色或?qū)⒒瑝K拖離要在圖像中減少的顏色。顏色條上方的值顯示紅色、綠色和藍(lán)色通道的顏色變化對(duì)于 Lab 圖像這些值代表 a 和 b 通道。數(shù)值的范圍可以是 - 100 到 100。8.3 圖像色彩調(diào)整技術(shù)應(yīng)用1運(yùn)行 Photoshop 圖像處理軟件執(zhí)行 “CtrlO” 命令或者在文件菜單中執(zhí)行打開文件命令打開 “局部色彩調(diào)整素材.jpg” 圖像文件如圖 7-23 所示。2在圖層面板將素材圖像圖層進(jìn)行復(fù)制備份然后在 Photoshop 的工具箱中選取魔棒選擇工具容差值設(shè)置為 30在圖像的背景區(qū)域點(diǎn)選然后按住 Shift 鍵在沒有被選中的圖像區(qū)域反復(fù)的點(diǎn)選直到背景圖像幾乎全部被選然后執(zhí)行 “CtrlShiftI” 反選命令將選區(qū)反轉(zhuǎn)效果如圖 7-24 所示。3在不取消選區(qū)的前提下在圖層面板底部單擊 “創(chuàng)建新的填充或調(diào)整圖層” 按鈕在彈出的菜單中選擇 “色相 / 飽和度” 圖層效果在彈出的面板中設(shè)置 “色相 / 飽和度” 圖層效果參數(shù)其中預(yù)設(shè)為自定應(yīng)用范圍為全圖色相值為 - 5飽和度值為 39明度值為 1如圖 7-25 所示。4完成色相 / 飽和度圖層效果參數(shù)設(shè)置后在圖層面板設(shè)置混合模式為 “正?！辈煌该鞫葹?100%填充值為 100%如圖 7-26 所示。5在不取消選區(qū)的前提下在圖層面板底部單擊 “創(chuàng)建新的填充或調(diào)整圖層” 按鈕在彈出的菜單中選擇 “自然飽和度” 圖層效果在彈出的面板中設(shè)置 “自然飽和度” 圖層效果參數(shù)其中自然飽和度值為 - 51飽和度值為 72如圖 7-27 所示。6完成自然飽和度圖層效果參數(shù)設(shè)置后在圖層面板設(shè)置混合模式為 “正?！辈煌该鞫葹?100%填充值為 100%如圖 7-28 所示。7在不取消選區(qū)的前提下在圖層面板底部單擊 “創(chuàng)建新的填充或調(diào)整圖層” 按鈕在彈出的菜單中選擇 “色彩平衡” 圖層效果在彈出的面板中設(shè)置 “色彩平衡” 圖層效果參數(shù)其中色調(diào)為 “中間調(diào)”青色與紅色平衡值為 55洋紅與綠色平衡值為 - 68黃色與藍(lán)色平衡值為 - 100如圖 7-29 所示。8完成色彩平衡圖層效果參數(shù)設(shè)置后在圖層面板設(shè)置混合模式為 “正?！辈煌该鞫葹?100%填充值為 100%如圖 7-30 所示。9在不取消選區(qū)的前提下在圖層面板底部單擊 “創(chuàng)建新的填充或調(diào)整圖層” 按鈕在彈出的菜單中選擇 “照片濾鏡” 圖層效果在彈出的面板中設(shè)置 “照片濾鏡” 圖層效果參數(shù)其中濾鏡類型為加溫濾鏡濃度為 58%如圖 7-31 所示。10完成照片濾鏡圖層效果參數(shù)設(shè)置后在圖層面板設(shè)置混合模式為 “正?！辈煌该鞫葹?100%填充值為 100%如圖 7-32 所示。11在不取消選區(qū)的前提下在圖層面板底部單擊 “創(chuàng)建新的填充或調(diào)整圖層” 按鈕在彈出的菜單中選擇 “曲線” 圖層效果在彈出的面板中設(shè)置 “曲線” 圖層效果參數(shù)其中預(yù)設(shè)為自定單擊中間的調(diào)整曲線適當(dāng)調(diào)整一個(gè)弧度如圖 7-33 所示。12完成曲線圖層效果參數(shù)設(shè)置后在圖層面板設(shè)置混合模式為 “正常”不透明度為 100%填充值為 100%如圖 7-34 所示。13在不取消選區(qū)的前提下在圖層面板底部單擊 “創(chuàng)建新的填充或調(diào)整圖層” 按鈕在彈出的菜單中選擇 “通道混合器” 圖層效果在彈出的面板中設(shè)置 “通道混合器” 圖層效果參數(shù)其中預(yù)設(shè)為自定輸出通道為紅色紅色值為 99%綠色值為 51%藍(lán)色值為 20%常數(shù)值為 0%如圖 7-35 所示。14完成通道混合器圖層效果參數(shù)設(shè)置后在圖層面板設(shè)置混合模式為 “正?！辈煌该鞫葹?100%填充值為 100%最后執(zhí)行 “CtrlD” 命令取消選擇圖像效果如圖 7-36 所示。8.4 圖像的輸出1. 使用 Web 圖形Photoshop 中的 Web 工具可以幫助設(shè)計(jì)人員設(shè)計(jì)和優(yōu)化單個(gè) Web 圖形或整個(gè)頁面布局。使用 Photoshop 的 Web 工具可以輕松構(gòu)建網(wǎng)頁的組件塊或者按照預(yù)設(shè)或自定格式輸出完整網(wǎng)頁。Web 工具主要包括以下內(nèi)容1使用圖層和切片設(shè)計(jì)網(wǎng)頁和網(wǎng)頁界面元素。2使用圖層復(fù)合可以實(shí)現(xiàn)不同的頁面組合或?qū)С鲰撁娴母鞣N變化形式。3創(chuàng)建用于導(dǎo)入到 Dreamweaver 或 Flash 中的翻轉(zhuǎn)文本或按鈕圖形。4使用動(dòng)畫面板創(chuàng)建 Web 動(dòng)畫然后將其導(dǎo)出為動(dòng)畫 GIF 圖像或 QuickTime 文件。5使用 Bridge 創(chuàng)建 Web 照片畫廊從而通過使用各種具有專業(yè)外觀的模板將一組圖像快速轉(zhuǎn)變?yōu)榻换ゾW(wǎng)站。運(yùn)用菜單 “存儲(chǔ)為 Web 所用格式” 命令可以將圖像文件轉(zhuǎn)化為 Web 所用格式文件如圖 9-1 所示。2. 創(chuàng)建翻轉(zhuǎn)翻轉(zhuǎn)是網(wǎng)頁上的當(dāng)鼠標(biāo)移動(dòng)到其上方時(shí)會(huì)發(fā)生變化的一個(gè)按鈕或圖像。要?jiǎng)?chuàng)建翻轉(zhuǎn)至少需要兩個(gè)圖像主圖像表示處于正常狀態(tài)的圖像而次圖像表示處于更改狀態(tài)的圖像。Photoshop 提供了許多用于創(chuàng)建翻轉(zhuǎn)圖像的工具1使用圖層創(chuàng)建主圖像和次圖像。在一個(gè)圖層上創(chuàng)建內(nèi)容然后復(fù)制并編輯圖層以創(chuàng)建相似內(nèi)容同時(shí)保持圖層之間的對(duì)齊。當(dāng)創(chuàng)建翻轉(zhuǎn)效果時(shí)可以更改圖層的樣式、可見性或位置調(diào)整顏色或色調(diào)或者應(yīng)用濾鏡效果。2可以利用圖層樣式對(duì)主圖層應(yīng)用各種效果如顏色疊加、投影、發(fā)光或浮雕。若要?jiǎng)?chuàng)建翻轉(zhuǎn)對(duì)象請(qǐng)啟用或禁用圖層樣式并存儲(chǔ)處于每種狀態(tài)下的圖像。3使用樣式面板中的預(yù)設(shè)按鈕樣式快速創(chuàng)建具有正常狀態(tài)、鼠標(biāo)移過狀態(tài)和鼠標(biāo)按下狀態(tài)的翻轉(zhuǎn)按鈕。使用矩形工具繪制基本形狀并應(yīng)用樣式以自動(dòng)將該矩形轉(zhuǎn)換為按鈕。然后拷貝圖層并應(yīng)用其他預(yù)設(shè)樣式以創(chuàng)建其他按鈕狀態(tài)。將每個(gè)圖層存儲(chǔ)為單獨(dú)的圖像以創(chuàng)建完成的翻轉(zhuǎn)按鈕組。4使用 “存儲(chǔ)為 Web 所用格式” 對(duì)話框以 Web 兼容的格式和優(yōu)化的文件大小來存儲(chǔ)翻轉(zhuǎn)圖像。當(dāng)存儲(chǔ)翻轉(zhuǎn)圖像時(shí)可使用命名約定區(qū)分主非翻轉(zhuǎn)狀態(tài)圖像和次翻轉(zhuǎn)狀態(tài)圖像。在 Photoshop 中創(chuàng)建翻轉(zhuǎn)圖像組之后使用 Dreamweaver 將這些圖像置入網(wǎng)頁中并自動(dòng)為翻轉(zhuǎn)動(dòng)作添加 JavaScript 代碼。3. 導(dǎo)出到 Zoomify在 Photoshop 中可以將高分辨率的圖像發(fā)布到 Web 上以便圖像瀏覽人員平移和縮放該圖像以查看更多的細(xì)節(jié)。下載基本大小的圖像與下載同等大小的 JPEG 文件所花費(fèi)的時(shí)間一樣。Photoshop 會(huì)導(dǎo)出 JPEG 文件和 HTML 文件可以將這些文件上傳到 Web 服務(wù)器。具體方法如下1選擇 “文件 — 導(dǎo)出 —Zoomify” 并設(shè)置導(dǎo)出選項(xiàng)如圖 9-2 所示。模板設(shè)置在瀏覽器中查看的圖像的背景和導(dǎo)航。輸出位置指定文件的位置和名稱。圖像拼貼選項(xiàng)指定圖像的品質(zhì)。瀏覽器選項(xiàng)設(shè)置基本圖像在查看者的瀏覽器中的像素寬度和高度。2將 HTML 文件和圖像文件上傳到 Web 服務(wù)器。4. 切片的 Web 頁在 Photoshop 中切片使用 HTML 表或 CSS 圖層將圖像劃分為若干較小的圖像這些圖像可在 Web 頁上重新組合。通過劃分圖像可以指定不同的 URL 鏈接以創(chuàng)建頁面導(dǎo)航或使用其自身的優(yōu)化設(shè)置對(duì)圖像的每個(gè)部分進(jìn)行優(yōu)化。可以使用 “存儲(chǔ)為 Web 和設(shè)備所用格式” 命令來導(dǎo)出和優(yōu)化切片圖像。Photoshop 將每個(gè)切片存儲(chǔ)為單獨(dú)的文件并生成顯示切片圖像所需的 HTML 或 CSS 代碼。將圖像在 Web 處理切片時(shí)要注意以下基本要點(diǎn)1可以通過使用切片工具或創(chuàng)建基于圖層的切片來創(chuàng)建切片。2創(chuàng)建切片后可以使用切片選擇工具選擇該切片然后對(duì)它進(jìn)行移動(dòng)和調(diào)整大小或?qū)⑺c其他切片對(duì)齊。3可以在 “切片選項(xiàng)” 對(duì)話框中為每個(gè)切片設(shè)置選項(xiàng)如切片類型、名稱和 URL。4可以使用 “存儲(chǔ)為 Web 所用格式” 對(duì)話框中的各種優(yōu)化設(shè)置對(duì)每個(gè)切片進(jìn)行優(yōu)化。5. 切片類型在 Photoshop 中切片按照其內(nèi)容類型表格、圖像、無圖像以及創(chuàng)建方式用戶、基于圖層、自動(dòng)進(jìn)行分類。使用切片工具創(chuàng)建的切片稱作用戶切片通過圖層創(chuàng)建的切片稱作基于圖層的切片。當(dāng)用戶創(chuàng)建新的切片或基于圖層的切片時(shí)將會(huì)生成附加自動(dòng)切片來占據(jù)圖像的其余區(qū)域。換句話說自動(dòng)切片填充圖像中用戶切片或基于圖層的切片未定義的空間?；蚧趫D層的切片時(shí)都會(huì)重新生成自動(dòng)切片?？梢詫⒆詣?dòng)切片轉(zhuǎn)換為用戶切片。用戶切片、基于圖層的切片和自動(dòng)切片的外觀不同用戶切片和基于圖層的切片由實(shí)線定義而自動(dòng)切片由虛線定義。此外用戶切片和基于圖層的切片顯示不同的圖標(biāo)?？梢赃x取顯示或隱藏自動(dòng)切片這樣可以更容易地查看使用用戶切片和基于圖層的切片的作品。子切片是創(chuàng)建重疊切片時(shí)生成的一種自動(dòng)切片類型。子切片指示存儲(chǔ)優(yōu)化的文件時(shí)如何劃分圖像。盡管子切片有編號(hào)并顯示切片標(biāo)記但無法獨(dú)立于底層切片選擇或編輯子切片。每次排列切片的堆疊順序時(shí)都重新生成子切片。使用不同的方法創(chuàng)建切片1自動(dòng)切片是自動(dòng)生成的。2用戶切片是用切片工具創(chuàng)建的。3基于圖層的切片是用圖層面板創(chuàng)建的?？梢詾榍衅x取背景色可以選擇一種背景色來填充透明區(qū)域適用于 “圖像” 切片或整個(gè)區(qū)域適用于 “無圖像” 切片。Photoshop 不顯示選定的背景色必須在瀏覽器中預(yù)覽圖像才能查看選擇背景色的效果。具體操作方法如下選擇一個(gè)切片。如果正在 Photoshop 的 “存儲(chǔ)為 Web 所用格式” 對(duì)話框中工作請(qǐng)用切片選擇工具雙擊該切片以顯示 “切片選項(xiàng)” 對(duì)話框在 “切片選項(xiàng)” 對(duì)話框中從 “背景色” 彈出式菜單選取一種背景色。選擇 “無”“雜邊”“白色”“黑色” 或 “其他”使用 Adobe 拾色器。6. 為切片指定 URL 鏈接信息為切片指定 URL 可使整個(gè)切片區(qū)域成為所生成 Web 頁中的鏈接。當(dāng)用戶單擊鏈接時(shí)Web 瀏覽器會(huì)導(dǎo)航到指定的 URL 和目標(biāo)框架。該選項(xiàng)只可用于 “圖像” 切片。具體操作如下1選擇一個(gè)切片。用切片選擇工具雙擊該切片顯示 “切片選項(xiàng)” 對(duì)話框。2在 “切片選項(xiàng)” 對(duì)話框的 “URL” 文本框中輸入 URL?？梢暂斎胂鄬?duì) URL 或絕對(duì)完整URL。如果輸入絕對(duì) URL就一定要包括正確的協(xié)議例如應(yīng)輸入 “http://www.163.com” 而不是 “www.163.com”。3如果需要可以在 “目標(biāo)” 文本框中輸入目標(biāo)框架的名稱_blank 表示在新窗口中顯示鏈接文件同時(shí)保持原始瀏覽器窗口為打開狀態(tài)。_self 表示在原始文件的同一框架中顯示鏈接文件。_parent 表示在其原始父框架組中顯示鏈接文件。如果 HTML 文檔包含幀并且當(dāng)前幀是子幀則使用此選項(xiàng)。鏈接文件顯示在當(dāng)前的父框架中。_top 表示用鏈接的文件替換整個(gè)瀏覽器窗口移去當(dāng)前所有幀。名稱必須與先前在文檔的 HTML 文件中定義的幀名稱相匹配。8.5 圖像的優(yōu)化在針對(duì) Web 和其他聯(lián)機(jī)介質(zhì)準(zhǔn)備圖像時(shí)通常需要在圖像顯示品質(zhì)和圖像文件大小之間加以折中。存儲(chǔ)為 Web 所用格式可以使用 “存儲(chǔ)為 Web 所用格式” 對(duì)話框中的優(yōu)化功能預(yù)覽具有不同文件格式和不同文件屬性的優(yōu)化圖像。當(dāng)預(yù)覽圖像以選擇最適合需要的設(shè)置組合時(shí)可以同時(shí)查看圖像的多個(gè)版本并修改優(yōu)化設(shè)置。也可以指定透明度和雜邊選擇用于控制仿色的選項(xiàng)以及將圖像大小調(diào)整到指定的像素尺寸或原始大小的指定百分比。使用 “存儲(chǔ)為 Web 和設(shè)備所用格式” 命令存儲(chǔ)優(yōu)化的文件時(shí)可以選擇為圖像生成 HTML 文件。此文件包含在 Web 瀏覽器中顯示圖像所需的所有信息。在 Photoshop 中可以使用 “存儲(chǔ)為” 命令將圖像存儲(chǔ)為 GIF、JPEG 或 PNG 文件。根據(jù)文件格式的不同可以指定圖像品質(zhì)、背景透明度或雜邊、顏色顯示和下載方法。但是不會(huì)保留在文件中添加的任何 Web 功能如切片、鏈接和動(dòng)畫。也可以使用 Photoshop 圖像處理器以 JPEG 格式存儲(chǔ)文件夾中圖像的副本。可以使用圖像處理器來調(diào)整圖像的大小并將其顏色配置文件轉(zhuǎn)換為 Web 標(biāo)準(zhǔn) sRGB。針對(duì) Web 優(yōu)化圖像的方法如下1選取 “文件 — 存儲(chǔ)為 Web 所用格式”。2單擊對(duì)話框頂部的選項(xiàng)卡以選擇顯示選項(xiàng)“優(yōu)化”“雙聯(lián)” 或 “四聯(lián)”。如果選擇 “四聯(lián)”請(qǐng)單擊要優(yōu)化的預(yù)覽。3如果圖像包含多個(gè)切片那么選擇要優(yōu)化的一個(gè)或多個(gè)切片。4從 “預(yù)設(shè)” 菜單中選擇一個(gè)預(yù)設(shè)優(yōu)化設(shè)置或設(shè)置各個(gè)優(yōu)化選項(xiàng)?？捎眠x項(xiàng)隨所選擇的文件格式不同而有所不同。如果在 “四聯(lián)” 模式下工作要從 “優(yōu)化” 菜單中選擇 “重組視圖”以便在更改優(yōu)化設(shè)置后自動(dòng)生成一個(gè)品質(zhì)較低的圖像版本。5對(duì)優(yōu)化設(shè)置進(jìn)行微調(diào)直至對(duì)圖像品質(zhì)和文件大小的平衡點(diǎn)滿意為止。如果圖像包含多個(gè)切片要確保優(yōu)化所有切片。如果要將優(yōu)化的預(yù)覽恢復(fù)為原始版本那就選擇該預(yù)覽然后從 “預(yù)設(shè)” 菜單中選擇 “原稿”。6如果使用 sRGB 以外的嵌入顏色配置文件來優(yōu)化圖像應(yīng)將圖像的顏色轉(zhuǎn)換為 sRGB然后再存儲(chǔ)圖像以便在 Web 上使用。這可確保在優(yōu)化圖像中看到的顏色與其他 Web 瀏覽器中顏色看起來相同。默認(rèn)的選擇是 “轉(zhuǎn)換為 sRGB” 選項(xiàng)。7從 “元數(shù)據(jù)” 菜單中選擇要采用優(yōu)化文件保存的 XMP 元數(shù)據(jù)。JPEG 文件格式完全支持元數(shù)據(jù)GIF 和 PNG 文件格式部分支持元數(shù)據(jù)。可包含添加到文檔中的任何元數(shù)據(jù)文件信息選取 “文件 — 文件信息” 可查看或輸入文檔元數(shù)據(jù)。具體選項(xiàng)如下無沒有保存元數(shù)據(jù)生成最小的文件大小。版權(quán)保存版權(quán)聲明、權(quán)利使用條款、版權(quán)狀態(tài)以及版權(quán)信息 URL。版權(quán)與聯(lián)系信息保存所有版權(quán)信息以及作者、作者職稱、電子郵件、地址、國家和地區(qū)、州省市自治區(qū)、城市、郵政編碼、電話及網(wǎng)站信息。除相機(jī)信息外的所有信息保存所有 XMP 元數(shù)據(jù)EXIF 數(shù)據(jù)除外。EXIF 數(shù)據(jù)包括相機(jī)設(shè)置和場(chǎng)景信息如快門速度、日期和時(shí)間、焦距、曝光補(bǔ)償、測(cè)光模式以及是否使用閃光燈等。全部在文件中保存所有 XMP 元數(shù)據(jù)。8單擊 “存儲(chǔ)” 按鈕。9在 “將優(yōu)化結(jié)果存儲(chǔ)為” 對(duì)話框中執(zhí)行以下操作然后單擊 “保存” 按鈕。8.6 圖像優(yōu)化與輸出的應(yīng)用1啟動(dòng) Photoshop打開 “圖形圖像的優(yōu)化與輸出.psd” 文件查看各對(duì)象所在的圖層保留圖層不合并。2設(shè)置文件分割參考線在文件中顯示標(biāo)尺用移動(dòng)工具從標(biāo)尺中移出參考線對(duì)文件圖像的版面進(jìn)行布局如圖 9-3 所示。3選擇工具箱中的 “切片工具”在工具屬性中設(shè)置樣式為 “正?！比缓髥螕?“基于參考線的切片” 按鈕。根據(jù)參考線生成切片如圖 9-4 所示。4選區(qū)工具箱中的 “切片選擇工具”在圖像中選擇 “切片 02”單擊鼠標(biāo)右鍵在彈出的菜單中選擇 “劃分切片” 命令如圖 9-5 所示。5在 “劃分切片” 選項(xiàng)設(shè)置中選擇垂直劃分項(xiàng)切片數(shù)為 9如圖 9-6 所示。6運(yùn)用 “切片選擇” 工具根據(jù)圖像的狀況對(duì)切片 01 到切片 10 進(jìn)行位置的編輯與調(diào)整效果如圖 9-7 所示。7用 “切片選擇” 工具選擇 “切片 11”單擊右鍵在彈出的菜單中選擇 “分割切片”設(shè)置切片為水平分割切片數(shù)為 8并用工具對(duì)各個(gè)分割出來的切片根據(jù)圖像進(jìn)行調(diào)整效果如圖 9-8 所示。8接下來對(duì) “切片 12” 區(qū)域所在的圖像進(jìn)行分割首先用于切片分割命令進(jìn)行水平分割把圖像分成 2 行如圖 9-9 所示。9應(yīng)用工具箱中的 “移動(dòng)工具”在屬性中設(shè)置 “自動(dòng)選擇圖層”。用 “移動(dòng)工具” 選擇 “切片 14” 區(qū)域所在的第一排文字執(zhí)行 “圖層 — 新建基于圖層的切片” 命令為文字建立切片如圖 9-10 所示。10應(yīng)用相同的方法分別為第二排和第三排文字根據(jù)圖層的方式建立切片并使用鼠標(biāo)右鍵單擊選擇 “將切片提升到用戶切片” 的方法調(diào)整切片的位置與大小如圖 9-11 所示。11分別選擇導(dǎo)航菜單圖片和文字所在的切片從鼠標(biāo)右鍵單擊彈出的菜單中選擇 “切片選項(xiàng)” 對(duì)切片選項(xiàng)進(jìn)行編輯包括設(shè)計(jì)鏈接等如圖 9-12 所示。12執(zhí)行 “文件 — 存儲(chǔ)為 Web 所用格式” 命令。在 “優(yōu)化” 選項(xiàng)中設(shè)置圖像類型為 “JPEG 高”選中 “優(yōu)化” 復(fù)選框。單擊 “存儲(chǔ)” 按鈕。在存儲(chǔ)選項(xiàng)中設(shè)置存儲(chǔ)類型為 “HTML 和圖像”保存文件完成圖像的 Web 優(yōu)化與發(fā)布可以運(yùn)用瀏覽器對(duì)發(fā)布的文件進(jìn)行瀏覽。