1、Photoshop文字和圖層在網(wǎng)頁設計中的應用,學習目標 本章要點 上機練習 習 題,學習目標,設計網(wǎng)頁時，經(jīng)常都會涉及文字的輸入和文字效果的制作。本章將講解怎樣在Photoshop CS2中制作具有特殊效果的文字。另外，Photoshop的圖層是制作具有特殊效果的文字和精美圖像的重要手段。本章還將介紹圖層的含義，講解圖層的基本操作、圖層混合模式等有關(guān)圖層的知識。,本章要點,創(chuàng)建文字 圖層的應用,創(chuàng) 建 文 字,在Photoshop中除了可以創(chuàng)建點文字和段落文字外，還可以創(chuàng)建文字選區(qū)以及對文字進行變形處理。 文字工具 創(chuàng)建文字 文字選區(qū)的創(chuàng)建 文字的變形 應用實例特殊文字效果,文字工具,文字工

2、具,其中各項的含義分別如下：,文字工具,文字工具,文字工具,在“字符”和“段落”面板可以對文字進行修改，如設置文字的字體、字號、顏色、字間距和行間距等。,“字符”面板,文字工具,“段落”面板主要用于對段落文字進行設置，包括文字的對齊方式以及縮進量等。,創(chuàng)建文字,文字的創(chuàng)建包括點文字和段落文字的創(chuàng)建，以及這兩種文字間的轉(zhuǎn)換。 創(chuàng)建點文字 創(chuàng)建段落文字,創(chuàng)建點文字,創(chuàng)建段落文字,創(chuàng)建段落文字,段落文本框、輸入橫排段落文字、縮放文本框、旋轉(zhuǎn)段落文本,文字選區(qū)的創(chuàng)建,輸入文字和創(chuàng)建文字選區(qū),文字的變形,“變形文字”對話框和“樣式”下拉列表,文字的變形,文字的變形,各項參數(shù)設置好后，單擊按鈕即可完成文字

3、的變形操作。,文字的變形,各項參數(shù)設置好后，單擊“確定”按鈕即可完成文字的變形操作。,文字變形效果,應用實例特殊文字效果,在網(wǎng)頁設計中常常需要制作特效文字，這就需要綜合應用Photoshop的一些功能。本例將講解一種特殊文字效果巧克力字的制作方法。制作時主要通過“定義圖案”命令制作巧克力的紋理，然后使用“圖層樣式”中的投影、斜面和浮雕、內(nèi)發(fā)光等樣式制作該效果。,最終效果,圖層的應用,圖層是Photoshop最重要的功能之一。本節(jié)就圖層的基本概念、圖層的基本操作和圖層混合模式等，詳細講解圖層這一功能的具體操作方法。 圖層的概念 圖層的基本操作 圖層的混合模式 應用舉例背景特效制作,圖層的概念,P

4、hotoshop中的圖層是對圖像進行各種合成效果的重要途徑，使用圖層可以在不影響圖像中其他元素的情況下處理某一圖像元素，不同圖層上的圖像可以進行獨立操作而不對其他圖層產(chǎn)生影響。用戶可以透過圖層的透明區(qū)域看到下面的圖層。 背景圖層：“圖層”面板中最下面的圖層為背景圖層，默認情況下背景圖層是被鎖定的，不能更改背景圖層的堆疊順序、混合模式和透明度。,圖層的概念,調(diào)整圖層：調(diào)整圖層主要用于圖像的色彩調(diào)整。在調(diào)整圖層中進行各種色彩調(diào)整時，調(diào)節(jié)的效果對調(diào)整圖層下面的所有圖層都起作用。 填充圖層：該類型圖層是采用填充的圖層制造出特殊效果。填充圖層共有3種形式：純色填充圖層、漸變填充圖層和圖案填充圖層。 圖層

5、樣式：圖層樣式即在圖層中應用的投影、發(fā)光、斜面、浮雕和其他效果。應用了圖層樣式的圖層，當改變其圖層內(nèi)容時，這些效果也會自動改變。,圖層的基本操作,圖層的基本操作包括新建、復制、刪除、合并圖層及調(diào)整圖層順序等，這些操作都可以通過選擇“圖層”菜單中的相應命令或在“圖層”面板中進行。 新建圖層 復制圖層 刪除圖層 合并圖層 調(diào)整圖層的順序 鏈接圖層 鎖定圖層 對齊和分布圖層,新建圖層,新建圖層,選擇“通過拷貝的圖層”命令的效果,復制圖層,復制圖層和將圖層復制到另一個窗口,刪除圖層,合并圖層,在圖像處理過程中，如果圖層過多，會影響操作速度。這時可以將一些圖層進行合并?！皥D層”菜單中有3個用于合并圖層的

6、命令。,合并圖層,各命令含義如下： 向下合并：將當前圖層與其下一圖層進行合并，其他圖層保持不變。合并圖層時，需要將當前圖層的下一圖層圖像設置為顯示狀態(tài)，否則該命令不可用。按Ctrl+E快捷鍵也可以執(zhí)行向下合并操作。 合并可見圖層：合并所有顯示的圖層，按Shift +Ctrl+E鍵也可以執(zhí)行該命令。 拼合圖像：將圖像中的所有可見圖層合并，并在合并過程中刪除隱藏圖層。,調(diào)整圖層的順序,圖層的疊放順序會直接影響圖像顯示的效果，先建立的圖層在下，后建立的圖層在上。上面的圖層如果不透明，則會遮蓋下面的圖層，可以通過改變圖層順序來編輯圖像的效果。 選擇要調(diào)整排列順序的圖層，直接將其拖至所需位置或選擇“圖層

7、/排列”命令，在彈出的子菜單中選擇相應的命令即可。各命令含義如下：,調(diào)整圖層的順序,置為頂層：將當前圖層移至最頂部。 前移一層：將當前圖層向上移動一層。 后移一層：將當前圖層向下移動一層。 置為底層：將當前圖層移至最底部。 改變圖層順序后的對比效果。,“排列”子菜單和改變圖層順序后的對比效果,鏈接圖層,鏈接圖層和對鏈接圖層整體變換,鎖定圖層,為了防止圖層被誤操作而破壞圖像效果，可以將圖層鎖定。在“圖層”面板中的鎖定欄中有4個按鈕，含義分別如下：,鎖定圖層,對齊和分布圖層,在Photoshop中，可以對多個圖層執(zhí)行對齊和分布操作。 對齊圖層：選擇兩個或兩個以上的圖層后選擇“圖層/對齊”命令，將彈

8、出子菜單，從中選擇所需命令后，將按相應方式對齊圖層。 分布圖層：選擇3個或3個以上的圖層后，選擇“圖層/分布”命令，將彈出的子菜單，從中選擇所需命令后，將按相應的方式分布圖層。,對齊命令和分布命令,圖層的混合模式,圖層混合模式是指當圖像疊加時，將上面圖層與下面圖層的像素進行混合，從而得到一種新的圖像效果。不同的混合模式可以產(chǎn)生不同的效果，Photoshop CS2提供了二十多種混合模式。單擊“圖層”面板中“正常”下拉列表框，將彈出圖層混合模式下拉列表。,單擊“正?！毕吕斜砜蚝蛨D層混合模式下拉列表,圖層的混合模式,各種混合模式的具體含義如下： 正常：Photoshop默認的模式，在處理位圖圖像

9、或索引顏色圖像時，“正?！蹦Ｊ揭卜Q為閾值。 溶解：根據(jù)像素位置的不透明度，結(jié)果色由基色或混合色的像素隨機替換。 變暗：使用“變暗”模式時軟件將自動查看每個通道中的顏色信息，并選擇基色或混合色中較暗的顏色作為結(jié)果色。此時，比混合色亮的像素被替換；比混合色暗的像素保持不變。,圖層的混合模式,正片疊底：該模式主要用于查看每個通道中的顏色信息，并將基色與混合色復合。任何顏色與黑色復合產(chǎn)生黑色，與白色復合將保持不變。 顏色加深和顏色減淡：“顏色加深”模式主要用于查看每個通道中的顏色信息，并通過增加對比度使基色變暗，以反映混合色，與白色混合后不產(chǎn)生變化；“顏色減淡”模式主要用于查看每個通道中的顏色信息，并

10、通過減小對比度使基色變亮，以反映混合色，與黑色混合后不發(fā)生變化。,圖層的混合模式,線性加深和線性減淡：“線性加深”模式主要用于查看每個通道中的顏色信息，并通過減小亮度使基色變暗，以反映混合色，與白色混合后不產(chǎn)生變化?！熬€性減淡”模式主要用于查看每個通道中的顏色信息，并通過增加亮度使基色變亮，以反映混合色，與黑色混合則不發(fā)生變化。 變亮：該模式主要用于查看每個通道中的顏色信息，并選擇基色或混合色中較亮的顏色作為結(jié)果色。比混合色暗的像素被替換，比混合色亮的像素保持不變。 濾色：與“正片疊底”模式相反，通過這種模式轉(zhuǎn)換后的圖像顏色通常比較淺，具有漂白的效果。,圖層的混合模式,疊加：該混合模式用于復合

11、或過濾顏色，最終效果取決于基色。圖案或顏色在現(xiàn)有像素上疊加，同時保留基色的明暗對比。 柔光：該模式使顏色變亮或變暗，具體取決于混合色。此效果與發(fā)散的聚光燈照在圖像上相似。 強光和亮光：“強光”模式用于復合或過濾顏色，具體取決于混合色，此效果與耀眼的聚光燈照在圖像上相似。用純黑色或純白色繪畫會產(chǎn)生純黑色或純白色；“亮光”通過增加或減小對比度來加深或減淡顏色，具體取決于混合色，如果混合色（光源）比 50% 灰色亮，則通過減小對比度使圖像變亮，如果混合色比 50% 灰色暗，則通過增加對比度使圖像變暗。,圖層的混合模式,線性光和點光：“線性光”模式通過減小或增加亮度來加深或減淡顏色，具體取決于混合色。

12、如果混合色（光源）比50%灰色亮，則通過增加亮度使圖像變亮，如果混合色比50%灰色暗，則通過減小亮度使圖像變暗；“點光”模式即替換顏色，具體取決于混合色。如果混合色（光源）比50%灰色亮，則替換比混合色暗的像素，而不改變比混合色亮的像素，如果混合色比50%灰色暗，則替換比混合色亮的像素，而不改變比混合色暗的像素。,圖層的混合模式,差值和排除：“差值”模式用于查看每個通道中的顏色信息，并從基色中減去混合色，或從混合色中減去基色，具體取決于哪一個顏色的亮度值更大。與白色混合將反轉(zhuǎn)基色值，與黑色混合則不產(chǎn)生變化；“排除”模式是創(chuàng)建一種與“差值”模式相似但對比度更低的效果，與白色混合反轉(zhuǎn)基色值，與黑色

13、混合不發(fā)生變化。,圖層的混合模式,色相和飽和度：“色相”模式是用基色的亮度和飽和度以及混合色的色相創(chuàng)建結(jié)果色；“飽和度”模式是用基色的亮度和色相以及混合色的飽和度創(chuàng)建結(jié)果色，在無飽和度（灰色）的區(qū)域上應用該模式不會產(chǎn)生變化。 顏色和亮度：“顏色”模式是用基色的亮度以及混合色的色相和飽和度創(chuàng)建結(jié)果色，這樣可以保留圖像中的灰階，在為單色圖像上色或為彩色圖像著色時非常有用；“亮度”模式是用基色的色相和飽和度以及混合色的亮度創(chuàng)建結(jié)果色，此模式創(chuàng)建的效果與“顏色”模式相反。,圖層的混合模式,打開有兩個圖層的文件，兩個圖層中的圖片，對上一圖層使用不同圖層混合模式。,幾種混合模式效果,應用舉例背景特效制作,網(wǎng)頁設計中常常需要制作網(wǎng)頁背景，下面介紹一種特效背景的制作方法，最終效果（背景特效.psd）。,最終效果,上 機 練 習,本章學習了文字工具的應用、圖層的基本操作和通過圖層混合生成一些特殊效果的方法。下面通過兩個實例對這些功能的使用方法進行鞏固，以使讀者在設計時能夠綜合利用這些功能做出滿意的作品。 給頭發(fā)上色 制作水晶按鈕,給頭發(fā)上色前后的對比效果,制作水