設(shè)計公司網(wǎng)頁頁面一般都設(shè)計的比較時上、新穎，本實例巧妙的利用了畫面的構(gòu)圖結(jié)構(gòu)，來創(chuàng)建一種比較有創(chuàng)意的畫面效果。文字、圖片、符號的相互作用建立起一種整體的信息，而信息的主次分類，通過秩序化、條理化構(gòu)成一個整體的網(wǎng)頁形式。如圖7-63所示，為本實例的完成效果。
圖7-63 本實例完成效果
技術(shù)提示本實例構(gòu)圖靈活，設(shè)計感強烈，畫面中的綠色圖像是繪制的主題內(nèi)容，在繪制過程中綠色圖像主要是通過編輯通道圖像來進行繪制，然后將導入的素材圖片通過編輯與綠色圖像和諧的統(tǒng)一在一起，如圖7-64所示，為本實例的制作流程。
圖7-64 本實例制作流程
制作步驟（1）啟動Photoshop，執(zhí)行“文件”→“新建”命令，參照圖7-65所示對“新建”對話框進行設(shè)置，完畢后單擊“確定”按鈕，關(guān)閉對話框，創(chuàng)建出一個新文檔。
圖7-65 設(shè)置“新建”對話框
（2）在“圖層”調(diào)板中，新建“圖層 1”，使用工具箱中的“矩形選框”工具，在視圖的兩側(cè)創(chuàng)建出如圖7-66所示的選區(qū)。
...
圖7-66 繪制選區(qū)
（3）設(shè)置前景色為褐色，按下<Alt+Delete>鍵，使用前景色填充選區(qū)，按下<Ctrl+D>鍵，取消選區(qū)，如圖7-67所示。
圖7-67 為選區(qū)填充顏色
（4）在“圖層”調(diào)板中新建“圖層 2”，使用同樣方法，繪制選區(qū)并為選區(qū)填充顏色，制作出如圖7-38所示的深褐色矩形圖像。
圖7-68 繪制深褐色矩形圖像
（5）新建“圖層 3”，再次使用同樣方法，在視圖相應(yīng)位置創(chuàng)建出其他顏色的矩形圖像，如圖7-69所示。
提示：在進行顏色填充過程中，也可以使用油漆桶工具，并且還可以設(shè)置選項欄參數(shù)，以便得到更多的效果。
...
圖7-69 繪制其他矩形圖像
（6）創(chuàng)建“圖層 4”，使用“矩形選框”工具，在視圖中創(chuàng)建矩形選區(qū)，然后使用工具箱中的“漸變”工具，在選區(qū)內(nèi)由下至上繪制漸變色，如圖7-70所示。
圖7-70 繪制圖像
（7）新建“圖層 5”，設(shè)置前景色為深灰色（R168、G168、B168），使用“圓角矩形”工具，在視圖相應(yīng)位置繪制圓角矩形圖像，然后配合使用“矩形選框”工具和“橢圓選框”工具，選擇部分圖像，將其刪除，如圖7-71
...
所示。
圖7-71 繪制并修改圖像
（8）取消選區(qū)后，新建“圖層 6”，配合使用工具箱中的“自定形狀”工具，在如圖7-72所示位置創(chuàng)建符號。
提示：在Photoshop中，可以在自定形狀選項欄中選擇需要的形狀，也可以將形狀或路徑存儲為自定形狀，在“路徑”調(diào)板中選擇路徑，可以是形狀圖層的矢量蒙版，也可以是工作路徑或存儲的路徑。執(zhí)行“編輯”→“定義自定形狀”命令，然后在“形狀名稱”對話框中輸入新自定形狀的名稱。這樣新形狀出現(xiàn)在“形狀”彈出式調(diào)板中。
圖7-72 繪制符號
（9）在“圖層”調(diào)板中，新建“組 1”圖層組，然后在該圖層組內(nèi)新建“圖層 7”，選擇工具箱中的“鋼筆”工具，在視圖中繪制如圖7-73所示的路徑。
圖7-73 繪制路徑
（10
...
）按下<Ctrl+Enter>鍵，將路徑轉(zhuǎn)換為選區(qū)，設(shè)置前景色為綠色，使用前景色填充選區(qū)，如圖7-74所示。
圖7-74 轉(zhuǎn)換選區(qū)并填充顏色
（11）保持選區(qū)的浮動狀態(tài)，單擊“通道”調(diào)板底部的“將選區(qū)存儲為通道”按鈕，創(chuàng)建出Alpha 1通道，接著再激活該通道，執(zhí)行“濾鏡”→“模糊”→“高斯模糊”命令，參照圖7-75所示設(shè)置對話框，為選區(qū)內(nèi)圖像添加模糊效果。
圖7-75 設(shè)置“高斯模糊”對話框
（12）接下來再執(zhí)行“圖像”→“調(diào)整”→“亮度/對比度”命令，參照圖7-76所示對打開的“亮度/對比度”對話框進行設(shè)置，對圖像進行調(diào)整。
圖7-76 調(diào)整圖像亮度和對比度
（13）復制Alpha 1通道，創(chuàng)建Alpha 1
...
副本通道，確定該副本通道為當前可編輯狀態(tài)，保持選區(qū)的浮動，執(zhí)行“濾鏡”→“素描”→“基底凸現(xiàn)”命令，參照圖7-77所示進行設(shè)置，為圖像添加濾鏡效果。
提示：使用基底凸現(xiàn)命令可以變換圖像，并使圖像呈現(xiàn)浮雕的雕刻狀和突出光照下變化各異的表面。圖像的暗區(qū)呈現(xiàn)前景色，而淺色使用背景色。
圖7-77 應(yīng)用濾鏡效果
（14）按下<Ctrl>鍵的同時單擊Alpha 1通道，將該通道作為選區(qū)載入，接著在“圖層”調(diào)板中，新建“圖層 8”，使用黑色填充選區(qū)，并取消選區(qū)。如圖7-78所示。
圖7-78 載入選區(qū)并填充顏色
（15）新建“圖層 9”，將Alpha 1 副本通道作為選區(qū)載入，使用草綠色填充選區(qū)并取消選區(qū)，如圖7-79所示。
圖7-79 制作亮部圖像
（16）單擊“圖層”調(diào)板底部的
...
“添加圖層蒙版”按鈕，為“圖層 9”添加圖層蒙版，確定前景色為黑色，使用“畫筆”工具，對添加的圖層蒙版進行編輯，將圖像上側(cè)部分圖像遮蓋。如圖7-80所示。
圖7-80 編輯蒙版
（17）將“圖層 9”的混合模式設(shè)置為“濾色”，然后再使用前面繪制路徑、轉(zhuǎn)換選區(qū)、填充顏色的方法，在視圖中再制作出如圖7-81所示的圖像效果。
圖7-81 制作綠色圖像
（18）參照前面編輯通道的方法，創(chuàng)建出Alpha 2通道，并為該通道添加模糊效果，如圖7-82所示。
注意：在執(zhí)行此項操作時要注意保持選區(qū)的浮動狀態(tài)。
圖
...
7-82 添加模糊效果
（19）參照圖7-83所示，執(zhí)行“亮度/對比度”命令，對圖像進行調(diào)整。
圖7-83 調(diào)整亮度和對比度
（20）復制Alpha 2通道，創(chuàng)建出Alpha 2 副本通道，執(zhí)行“濾鏡”→“素描”→“基底凸現(xiàn)”命令，參照圖7-84所示為圖像添加濾鏡效果。
圖7-84 應(yīng)用濾鏡效果
（21）接下來在“圖層”調(diào)板中，分別新建圖層，將Alpha 2通道作為選區(qū)載入，填充為黑色，將Alpha 2 副本通道作為選區(qū)載入，填充為深綠色（R107、G132、B58），并設(shè)置深綠色圖像所在圖層的混合模式為“濾色”，然后參照圖7-85所示在“圖層”調(diào)板中調(diào)整圖層的順序。
圖7-85 制作圖像
（22
...
）使用前面編輯圖像的方法，在視圖中制作出其他圖像，并分別調(diào)整圖像所在圖層的順序，得到如圖7-86所示的效果。
提示：將通道和濾鏡結(jié)合起來制作出亮部與暗部效果分明的圖像，并且使過渡柔和自然。讀者在以后的練習中可以多加嘗試這種方法。
圖7-86 制作其他圖像
（23）在“圖層”調(diào)板中選擇“組 1”圖層組，使該圖層組為當前可編輯狀態(tài)，按下<Ctrl+E>鍵，執(zhí)行“合并組”命令，將該圖層組合并為一個圖層，如圖7-87所示。
圖7-87 合并圖層組
（24）按下<Ctrl>鍵的同時單擊“組 1”圖層前的圖層縮覽圖，將該圖層中的圖像作為選區(qū)載入，然后單擊“圖層”調(diào)板底部的“創(chuàng)建新的填充或調(diào)整圖層”按鈕，在彈出的菜單中執(zhí)行“色相/飽和度”命令，參照圖7-88所示設(shè)置對話框，調(diào)整選區(qū)內(nèi)圖像色調(diào)。
圖7-88 調(diào)整圖像色調(diào)
（25
...
）選擇工具箱中的“畫筆”工具，對添加的“色相/飽和度 1”調(diào)整圖層的蒙版進行編輯，使部分圖像不受該調(diào)整圖層的影響，如圖7-89所示。
提示：對圖像的部分內(nèi)容進行遮罩，使畫面效果更加豐富，具有藝術(shù)特色。
圖7-89 編輯蒙版
（26）再次將“組 1”圖層中的圖像作為選區(qū)載入，然后添加“亮度/對比度 1”調(diào)整圖層，對圖像進行調(diào)整，如圖7-90所示。
圖7-90 調(diào)整圖像亮度和對比度
（27）在“圖層”調(diào)板中將“組 1”圖層和創(chuàng)建的兩個調(diào)整圖層同時選中，按下<Ctrl+E>鍵，將這三個圖層合并為一個圖層，如圖7-91所示。
圖
...
7-91 合并圖層
（28）選擇工具箱中的“模糊”工具，對合并后圖像的上側(cè)進行模糊處理，如圖7-92所示。
圖7-92 模糊圖像
（29）復制該圖像所在圖層，創(chuàng)建出一個副本圖層，然后執(zhí)行“編輯”→“變換”→“水平翻轉(zhuǎn)”命令，將復制的圖像水平翻轉(zhuǎn)。使用“移動”工具，調(diào)整圖像位置，接著再設(shè)置副本圖層的混合模式為“變亮”，如圖7-93所示。
提示：為圖像添加反光效果，增加了圖像的細節(jié)，使內(nèi)容更加豐富。
圖7-93 復制并調(diào)整圖像
（30）打開本書附帶光盤\Chapter-07\“大海.jpg”文件，使用“移動”工具，將該文檔中的圖像拖動到“設(shè)計公司網(wǎng)頁”文檔中的相應(yīng)位置，并在“圖層”調(diào)板中調(diào)整該圖層的順序，如圖7-94所示。
圖7-94 添加素材圖像
（31）配合使用工具箱中的“鋼筆”工具，繪制路徑，并將路徑轉(zhuǎn)換為選區(qū)，按下<Ctrl+Shift+I>鍵，將選區(qū)反轉(zhuǎn)，按下<Delete>鍵，刪除選區(qū)內(nèi)的圖像并取消選區(qū)，如圖7-95所示。
圖7-95 刪減圖像
（32）使用“橡皮擦”工具，將圖像的下側(cè)擦除，如圖7-96所示。
注意：在擦除的過程中要注意設(shè)置橡皮擦的不透明參數(shù)，使圖像的顏色能夠過渡自然，但不要將圖像的下側(cè)完全擦除。
圖7-96 擦除圖像
（33）打開本書附帶光盤\Chapter-07\“手雷.psd”文件，然后將該圖像拖動到“設(shè)計公司網(wǎng)頁”文檔中的相應(yīng)位置，如圖7-97所示。
>
圖7-97 添加“手雷”圖像
圖7-98 實例完成效果
推薦閱讀-Photoshop分類教程
