網(wǎng)頁(yè)界面上的圖像本身比文字更容易吸引人，在本節(jié)制作的古典文學(xué)網(wǎng)頁(yè)中，以書(shū)籍、信紙、雞毛筆等圖像作為畫(huà)面的主體構(gòu)圖元素，這些元素的巧妙組合以及色調(diào)的合理把握，為畫(huà)面營(yíng)造出比較濃厚的文學(xué)色彩，如圖11-79所示，為本實(shí)例的完成效果。

圖11-79 本實(shí)例完成效果技術(shù)提示

在本實(shí)例中選擇一種棕色作為主色調(diào)，通過(guò)微調(diào)色彩的名度和色相的方法來(lái)產(chǎn)生色彩的微妙變化，這樣的處理使頁(yè)面看起來(lái)色彩統(tǒng)一，有層次感。各種元素的搭配處理，使畫(huà)面帶有一種濃厚的文學(xué)氣息，羽毛圖像調(diào)節(jié)了整個(gè)畫(huà)面的氣氛，使其不會(huì)顯得太過(guò)沉悶。在制作過(guò)程中，使用云彩命令制作出書(shū)籍封面的紋理效果，并添加圖層樣式制作出立體效果，然后對(duì)細(xì)節(jié)部位進(jìn)行調(diào)整，信紙的制作相對(duì)比較簡(jiǎn)單，使用加深和減淡工作制作出紙張的褶皺變化。如圖11-80所示，為本實(shí)例的制作流程。

圖11-80 本實(shí)例制作流程制作步驟

（1）啟動(dòng)Photoshop，執(zhí)行“文件”→“打開(kāi)”命令，打開(kāi)本書(shū)附帶光盤(pán)\Chapter-11\“背景花紋.jpg”文件，如圖11-81所示。

圖11-81 打開(kāi)素材圖片

（2）在“圖層”調(diào)板中，單擊調(diào)板底部的“創(chuàng)建新組”按鈕，新建一

圖11-82 繪制圓角矩形圖像

（3）使用工具箱中的“加深”工具，對(duì)圓角矩形圖像的局部顏色進(jìn)行加深處理。如圖11-83所示。

圖11-83 加深圖像顏色

（4）接下來(lái)單擊“圖層”調(diào)板底部的“添加圖層樣式”按鈕，在彈出的菜單中執(zhí)行“投影”命令，參照?qǐng)D11-84所示對(duì)打開(kāi)的“圖層樣式”對(duì)話(huà)框進(jìn)行設(shè)置，為圖像添加“投影”和“內(nèi)發(fā)光”效果。

圖11-84 設(shè)置圖層樣式

（5）新建“圖層 2”，按下<Ctrl>鍵的同時(shí)，單擊“圖層

提示：執(zhí)行云彩命令是使用介于前景色與背景色之間的隨機(jī)值，生成柔和的云彩圖案。要生成色彩較為分明的云彩圖案，按下<Alt>鍵的同時(shí)執(zhí)行“濾鏡”→“渲染”→“云彩”命令。當(dāng)應(yīng)用“云彩”濾鏡時(shí)，現(xiàn)用圖層上的圖像數(shù)據(jù)會(huì)被替換。

圖11-85 渲染云彩效果

（6）執(zhí)行“濾鏡”→“雜色”→“添加雜色”命令，打開(kāi)“添加雜色”對(duì)話(huà)框，參照?qǐng)D11-6所示設(shè)置對(duì)話(huà)框，為圖像添加雜色效果。然后在“圖層”調(diào)板中，將“圖層 2”的混合模式設(shè)置為“濾色”。如圖11-86所示。

圖11-86 為圖像添加雜色并設(shè)置圖層混合模式

（7）選擇工具箱中的“魔棒”

注意：在創(chuàng)建選區(qū)的過(guò)程中，要注意使選區(qū)連接在一起，若是添加的選區(qū)不合適，可按下<Ctrl+Z>鍵返回上一步，然后再繼續(xù)進(jìn)行操作。

圖11-87 創(chuàng)建選區(qū)

（8）按下<Ctrl+C>鍵，復(fù)制選區(qū)內(nèi)的圖像，按下<Ctrl+V>鍵，對(duì)圖像進(jìn)行粘貼，在“圖層”調(diào)板中，生成“圖層 3”。執(zhí)行“編輯”→“變換”→“垂直翻轉(zhuǎn)”命令，將復(fù)制的圖像垂直翻轉(zhuǎn)。如圖11-88所示。

圖11-88 復(fù)制并翻轉(zhuǎn)圖像

（9）將“圖層 3”的混合模式設(shè)置為“變亮”，不透明度參數(shù)設(shè)置為80%。然后為圖像添加“內(nèi)陰影”圖層樣式效果，制作出紋理圖像。如圖11-89所示。

圖11-89 制作紋理圖像

圖11-90 繪制圖像

（11）配合使用“加深”工具和“減淡”工具，對(duì)圖像顏色進(jìn)行處理，并為圖像添加雜色效果，如圖11-91所示。

提示：使用“加深”和“減淡”工具通過(guò)在圖像上涂抹加強(qiáng)圖像的明暗關(guān)系

圖11-91 處理圖像并添加雜色效果

圖11-92 設(shè)置圖層樣式

（13）在“圖層”調(diào)板中，將“圖層 4”拖動(dòng)到“圖層 1”的下方，使圖像呈現(xiàn)出如圖11-93所示的效果。

圖11-93 調(diào)整圖層順序

（14）在“圖層 4”的上方新建“圖層 5”，然后在視圖中繪制出如圖11-94所示的白色圖像，并為圖像添加投影效果。

圖11-94 繪制書(shū)頁(yè)圖像

（15）將除“背景”圖層之外的其他圖層暫時(shí)隱藏，然后在“圖層 4”

圖11-95 繪制圖像

（16）配合使用“加深”工具和“減淡”工具，對(duì)圖像顏色進(jìn)行處理，制作出圖像的褶皺效果。然后再為圖像添加雜色效果，如圖11-96所示。

注意：根據(jù)紙張褶皺的特點(diǎn)對(duì)圖像進(jìn)行加深和減淡處理，在調(diào)整過(guò)程中要注意設(shè)置畫(huà)筆的大小和曝光度參數(shù)。

圖11-96 處理圖像

（17）執(zhí)行“濾鏡”→“藝術(shù)效果”→“干畫(huà)筆”命令，打開(kāi)“干畫(huà)筆”對(duì)話(huà)框，參照?qǐng)D11-97所示設(shè)置對(duì)話(huà)框，為圖像添加濾鏡效果。

圖11-97 添加“干畫(huà)筆”濾鏡效果

（18）單擊“圖層”調(diào)板底部的“添加圖層樣式”按鈕，在彈出的菜單中執(zhí)行“投影”命令，打開(kāi)“圖層樣式”對(duì)話(huà)框，參照?qǐng)D11-98所示設(shè)置對(duì)話(huà)框，為圖像添加投影效果。

圖11-98 添加投影效果

（19）復(fù)制“圖層 6”，創(chuàng)建出“圖層 6 副本”圖層，將“圖層 6 副本”拖動(dòng)到“圖層 6”的下方，執(zhí)行“編輯”→“自由變換”命令，對(duì)圖像的角度和位置進(jìn)行調(diào)整。然后再執(zhí)行“圖像”→“調(diào)整”→“亮度/對(duì)比度”命令，參照?qǐng)D11-99所示調(diào)整圖像的亮度。

注意：將放置在下方的紙張亮度降低，既突出上面的紙張，拉開(kāi)對(duì)比，又增強(qiáng)了畫(huà)面的立體效果。

圖11-99 復(fù)制并調(diào)整圖像

（20）使用工具箱中的

圖11-100 創(chuàng)建字母

（21）下面參照前面繪制圖像的方法，在視圖右側(cè)制作圖像，并將隱藏的圖層顯示，然后參照?qǐng)D11-101所示，分別對(duì)圖像的位置進(jìn)行調(diào)整。

圖11-101 制作其他圖像并調(diào)整圖像位置

（22）打開(kāi)本書(shū)附帶光盤(pán)\Chapter-11\“云朵花紋.psd”文件，使用“移動(dòng)”工具，將該文檔中的圖像拖動(dòng)到“背景花紋”文檔中的相位置。如圖11-102所示。

圖11-102 添加素材圖像

（23）將“云朵花紋”圖像所在圖層的混合模式設(shè)置為“正片疊底”。然后參照?qǐng)D11-103所示為圖像添加“外發(fā)光”和“斜面和浮雕”效果。

提示：為圖像添加圖層樣式效果制作出凹陷的立體效果，使書(shū)圖像更加有起伏。并且通過(guò)調(diào)整混合模式使云朵花紋圖像與書(shū)封面圖像相互融合起來(lái)。

圖11-103 設(shè)置圖層樣式效果

圖11-104 添加素材圖片

（25）最后在視圖中再添加相關(guān)的文字信息和裝飾圖像，完成該實(shí)例的制作，如圖11-105所示。如果讀者在制作的過(guò)程中遇到什么問(wèn)題，可打開(kāi)本書(shū)附帶光盤(pán)中的源文件進(jìn)行查看，其路徑為：附帶光盤(pán)\Chapter-11\“古典文學(xué)網(wǎng).psd”。

圖11-105 實(shí)例完成效果

原文出處

推薦閱讀-Photoshop分類(lèi)教程

PS入門(mén)教程 PS路徑教程 PS濾鏡教程 PS圖層教程 PS通道教程 PS畫(huà)筆筆刷

PS工具教程 PS創(chuàng)意制作 PS插畫(huà)制作 PS成簽制作 PS海報(bào)制作 PS壁紙制作

PS動(dòng)畫(huà)制作 PS影樓后期 PS美容教程 PS美白教程 PS磨皮教程 PS清晰修復(fù)

PS調(diào)色教程 PS邊框紋飾 PS排字教程 PS字效教程 PS仿手繪 PS鼠繪教程

PS網(wǎng)頁(yè)元素 PS摳圖教程 PS圖片合成 PS非主流 PS視頻教程 PS軟件資源