資源描述：
《風景區(qū)網(wǎng)頁制作》由會員上傳分享，免費在線閱讀，更多相關內(nèi)容在行業(yè)資料-天天文庫。
1、風景區(qū)網(wǎng)頁制作本實例的風景區(qū)網(wǎng)頁頁面，是對風景區(qū)的圖片進行編輯修飾后，設計制作成類似于國畫的畫面效果，設計新穎，充滿藝術氣息。頁面下半部分的空白，也是頁面設計不可忽視的重要部分，使得在瀏覽信息的間隙，視覺得到適當?shù)姆潘珊驼{(diào)節(jié)。并且以虛襯托實的表現(xiàn)手法，可以獲得更佳的視覺效果產(chǎn)生更加深刻的視覺印象。如圖9-47所示，為本實例的完成效果。圖9-47本實例完成效果技術提示在本實例的制作中由于所介紹的景點在中國境內(nèi)，所以在設計風格上要顯示出東方的特色，以及中國古老的傳統(tǒng)文化，因此將畫面效果制作成類似國畫的風格，黃色調(diào)的運用營造出祥和，美好的特點。另外，網(wǎng)頁的主要
2、作用是傳達，在頁面上結合風景來進行文字說明，圖文并茂，可以使人們在瀏覽的過程能夠快捷的了解最新信息。如圖9-48所示，為本實例的制作流程。圖9-48本實例制作流程制作步驟（1）啟動Photoshop，執(zhí)行“文件”→“新建”命令，參照圖9-49所示對打開的“新建”對話框進行設置，創(chuàng)建出一個名為“風景區(qū)網(wǎng)頁”空白文檔。圖9-49新建文檔（2）設置前景色為灰褐色（R211、G200、B171），按下鍵，使用前景色填充背景。然后在“圖層”調(diào)板中，新建“圖層1”，使用“矩形選框”工具，在視圖中繪制選區(qū)。如圖9-50所示。圖9-50繪制選區(qū)（
3、3）設置前景色為黑色（R20、G22、B16），選擇工具箱中的“畫筆”工具，參照圖9-51所示設置選項欄，然后在選區(qū)內(nèi)繪制圖像。圖9-51繪制圖像（4）按下鍵，取消選區(qū)，單擊“圖層”調(diào)板底部的“創(chuàng)建新的填充或調(diào)整圖層”按鈕，在彈出的菜單中執(zhí)行“色相/飽和度”命令，參照圖9-52所示設置對話框，對圖像色調(diào)進行調(diào)整。提示：使用色相/飽和度命令來調(diào)整圖像的色調(diào)很直觀，并且在調(diào)整的過程中可以不斷的與背景顏色進行比較。圖9-52調(diào)整圖像色調(diào)（5）執(zhí)行“文件”→“打開”命令，打開本書附帶光盤Chapter-09“天空.jpg”文件，使用“移動”工
4、具，將該文檔中的天空圖像拖動到“風景區(qū)網(wǎng)頁”文檔中的相應位置，在“圖層”調(diào)板中，生成“圖層2”，如圖9-53所示。圖9-53添加素材圖像（6）將“圖層2”的混合模式設置為“顏色加深”，效果如圖9-54所示。圖9-54設置圖層混合模式（7）在“圖層”調(diào)板中，新建“圖層3”，設置前景色為墨綠色（R89、G102、B71），使用工具箱中的“直線”工具，在視圖中配合鍵，繪制兩條垂直直線，如圖9-55所示。圖9-55繪制直線（8）執(zhí)行“文件”→“打開”命令，打開本書附帶光盤Chapter-09“山水風景.jpg”文件，然后將該素材圖像拷貝到“風景
5、區(qū)網(wǎng)頁”文檔中，并調(diào)整圖像的大小和位置，如圖9-56所示。圖9-56添加素材圖像（9）選擇工具箱中的“多邊形套索”工具，在視圖中繪制選區(qū)，將部分圖像選取。如圖9-57所示。圖9-57創(chuàng)建選區(qū)提示：為方便讀者觀察選區(qū)狀態(tài)，圖9-10中特意將素材圖像的透明度降低了一些。（10）確定圖像所在“圖層4”為當前可編輯狀態(tài)，單擊“圖層”調(diào)板底部的“添加圖層蒙版”按鈕，為“圖層4”添加圖層蒙版，將選區(qū)以外的圖像遮蓋。如圖9-58所示。圖9-58添加圖層蒙版（11）接下來打開本書附帶光盤Chapter-09“樹林.jpg”文件，將該文檔中的圖像復制到“風景區(qū)網(wǎng)頁”文
6、檔中，在“圖層”調(diào)板中，生成“圖層5”，然后參照圖9-59所示對圖像的大小和位置進行調(diào)整。圖9-59添加素材圖像（12）確定樹林圖像所在“圖層5”為當前可編輯狀態(tài)，選擇工具箱中的“仿制圖章”工具，配合按下鍵，在樹林圖像上單擊，定義取樣點，然后松開鍵，在視圖的相應位置單擊，對圖像進行修補，如圖9-60所示。圖9-60修補圖像（12）單擊“圖層”調(diào)板底部的“添加圖層蒙版”按鈕，為“圖層5”添加圖層蒙版，參照圖9-61所示，選擇“畫筆”工具，并對工具選項欄進行設置，然后對添加的蒙版進行編輯。圖9-61編輯蒙版（13）在“圖層”調(diào)板中，配合<
7、Shift>鍵，將“圖層5”和“圖層4”同進選中，按下鍵，將兩個圖層合并為一個圖層，如圖9-62所示。提示：將帶有蒙版效果的兩個圖層合并后變?yōu)闆]有蒙版效果的普通圖層，合并后若想恢復以前的狀態(tài)會特別麻煩，因此在執(zhí)行合并命令前要慎重考慮。圖9-62合并圖層（14）按下鍵，執(zhí)行“自由變換”命令，將圖像壓扁一些。配合使用工具箱中的“加深”和“減淡”工具，對圖像進行處理。效果如圖9-63所示。圖9-63調(diào)整并處理圖像（15）使用“直線”工具，在圖像的左下側再繪制一些深綠色（R30、G36、B23）直線，然后使用“橡皮擦”工具，對直線
8、圖像進行處理，制作出如圖9-64所示的圖像效果。提示：根據(jù)畫面效果調(diào)節(jié)橡皮擦筆刷
