網(wǎng)頁制作教程第16課photoshop.ppt

《網(wǎng)頁制作教程第16課photoshop.ppt》由會員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、第16章Photoshop路徑、色彩和通道在網(wǎng)頁設(shè)計(jì)中的應(yīng)用學(xué)習(xí)目標(biāo)本章要點(diǎn)上機(jī)練習(xí)習(xí)題學(xué)習(xí)目標(biāo)Photoshop中的路徑、色彩和色調(diào)的調(diào)整以及通道功能在網(wǎng)頁設(shè)計(jì)中非常有用，如制作形狀獨(dú)特的文字就需要用到路徑；對圖像的色彩進(jìn)行調(diào)整，就需要掌握色彩模式的應(yīng)用、對圖像色調(diào)的調(diào)整以及對整體圖像效果的調(diào)整等；要制作具有特殊效果的圖像，就必須掌握通道的基本操作及專色通道的建立。只有掌握了路徑、色彩和通道在網(wǎng)頁設(shè)計(jì)中的應(yīng)用，才能將Photoshop與網(wǎng)頁制作真正地結(jié)合起來。本章將講解Photoshop中路徑、色彩和通道等相關(guān)知識及應(yīng)用方法。本章要點(diǎn)創(chuàng)建路

2、徑調(diào)整圖像色彩和色調(diào)通道的應(yīng)用創(chuàng)建路徑繪制圖形、選擇圖像以及制作隨路徑變化的文字時(shí)需要用到路徑，創(chuàng)建路徑之前必須先了解路徑的概念以及路徑的一些相關(guān)術(shù)語。路徑的概念路徑工具的使用編輯路徑應(yīng)用實(shí)例——繪制網(wǎng)站LOGO路徑的概念路徑就是用一系列點(diǎn)連接起來的曲線或線段，它可以是直線也可以是曲線，可以是封閉圖形也可以是開放圖形。Photoshop是處理位圖的專業(yè)軟件，它引入路徑這個(gè)概念是為了彌補(bǔ)位圖的不足。錨點(diǎn)、控制點(diǎn)和控制線是路徑的基本構(gòu)成要素。錨點(diǎn)：曲線上空心的方框就叫做錨點(diǎn)，它標(biāo)記組成路徑各線段的端點(diǎn)。在曲線線段上，每個(gè)錨點(diǎn)都帶有1~2個(gè)控制線。

3、繪制路徑路徑的概念控制點(diǎn)：鼠標(biāo)正在控制著的錨點(diǎn)，叫做控制點(diǎn)?？刂凭€：由錨點(diǎn)引出的曲線的切線叫控制線。其傾斜度控制曲線的彎曲方向，長度則控制曲線的彎曲幅度。在繪制路徑時(shí)，還涉及閉合路徑和開放路徑。它們的具體含義如下：閉合路徑：路徑的起點(diǎn)和終點(diǎn)重合，即沒有明顯的起點(diǎn)和終點(diǎn)。開放路徑：路徑的起點(diǎn)和終點(diǎn)未重合。路徑工具的使用路徑工具的使用鋼筆工具自由鋼筆工具添加錨點(diǎn)和刪除錨點(diǎn)工具轉(zhuǎn)換點(diǎn)工具形狀工具鋼筆工具鋼筆工具屬性欄鋼筆工具鋼筆工具用鋼筆工具繪制曲線時(shí)，用鼠標(biāo)單擊確定第一個(gè)錨點(diǎn)，然后再次單擊確定第二個(gè)錨點(diǎn)，同時(shí)拖動鼠標(biāo)，得到一個(gè)曲線段。重復(fù)剛才的操

4、作即可完成曲線的繪制。鋼筆工具自由鋼筆工具屬性欄和創(chuàng)建不規(guī)則路徑添加錨點(diǎn)和刪除錨點(diǎn)工具轉(zhuǎn)換點(diǎn)工具形狀工具形狀工具形狀工具不同多邊形效果形狀工具預(yù)置形狀和自定形狀編輯路徑使用路徑工具創(chuàng)建路徑后，還需要對路徑進(jìn)行編輯，包括創(chuàng)建新路徑、保存路徑、復(fù)制路徑和刪除路徑等。創(chuàng)建新路徑保存路徑復(fù)制路徑刪除路徑創(chuàng)建新路徑創(chuàng)建新路徑和“新建路徑”對話框保存路徑下拉菜單和“存儲路徑”對話框復(fù)制路徑復(fù)制路徑可以為路徑制作副本，復(fù)制的路徑自動在路徑名稱的后面加上“副本”兩字。在要復(fù)制的路徑上右擊，在彈出的快捷菜單中選擇“復(fù)制路徑”命令，或在“路徑”面板菜單中選擇“復(fù)

5、制路徑”命令。復(fù)制后的“路徑”面板?？旖莶藛巍⒚姘宀藛魏汀奥窂健泵姘鍎h除路徑應(yīng)用實(shí)例——繪制網(wǎng)站LOGOLOGO在網(wǎng)頁設(shè)計(jì)中很重要，它與平面設(shè)計(jì)中的LOGO效果一樣，都以簡潔明了的圖形和強(qiáng)烈的視覺效果來準(zhǔn)確地表達(dá)企業(yè)的寓意，給人留下深刻的印象，以達(dá)到宣傳企業(yè)的目的。本例制作的網(wǎng)站LOGO最終效果（光盤:源文件第16章LOGO.psd）。最終效果調(diào)整圖像色彩和色調(diào)對圖像色彩和色調(diào)進(jìn)行調(diào)整也是網(wǎng)頁制作中經(jīng)常涉及的操作，下面分別講解如何調(diào)整圖像色彩和色調(diào)。調(diào)整圖像的色彩調(diào)整圖像的色調(diào)應(yīng)用實(shí)例——校正網(wǎng)頁中的偏色圖片調(diào)整圖像的色彩通過Photo

6、shop的“調(diào)整”命令可以對圖像的色彩進(jìn)行調(diào)整，包括“亮度/對比度”、“色階”、“自動色階”、“自動對比度”、“自動顏色”和“變化”命令等。下面介紹在網(wǎng)頁設(shè)計(jì)中常用的幾個(gè)命令。亮度/對比度色階變化亮度/對比度通過“亮度/對比度”命令可以調(diào)整圖像的亮度和對比度。選擇“圖像/調(diào)整/亮度/對比度”命令，打開“亮度/對比度”對話框。其中各參數(shù)的含義分別如下：亮度/對比度“亮度”文本框：調(diào)整圖像的亮度。當(dāng)輸入的數(shù)值為正時(shí)，將增加圖像的亮度；當(dāng)輸入的數(shù)值為負(fù)時(shí)，將降低圖像的亮度；當(dāng)輸入的數(shù)值為0時(shí)，圖像無變化。“對比度”文本框：調(diào)整圖像的對比度。當(dāng)輸入的

7、數(shù)值為正時(shí)，將增加圖像的對比度；當(dāng)輸入的數(shù)值為負(fù)時(shí)，將降低圖像的對比度；當(dāng)輸入的數(shù)值為0時(shí)，圖像無變化。調(diào)整圖像“亮度/對比度”前后的對比效果。調(diào)整“亮度/對比度”前后的對比效果色階“色階”命令用于調(diào)整圖像的明暗程度，它通過使用高光﹑中間調(diào)和暗調(diào)3個(gè)變量進(jìn)行圖像色調(diào)調(diào)整。通過該命令不僅可以對整個(gè)圖像的色調(diào)進(jìn)行調(diào)整，還可以只對圖像的某一選取范圍、某一圖層圖像，或某一個(gè)顏色通道進(jìn)行調(diào)整。選擇“圖像/調(diào)整/色階”命令，打開“色階”對話框。其中各參數(shù)含義分別如下：“色階”對話框色階“通道”下拉列表框：選擇需要調(diào)整的顏色通道。“輸入色階”文本框：其中第

8、一個(gè)文本框用來設(shè)置圖像的暗部色調(diào)，低于該值的像素將變?yōu)楹谏?，取值范圍?~253；第二個(gè)文本框用來設(shè)置圖像的中間色調(diào)，取值范圍為0.10~9.99；第三個(gè)文本框用來