實(shí)例4 設(shè)置印刷廠主頁(yè)布局

實(shí)例說明

本實(shí)例中，將制作一個(gè)印刷廠主頁(yè)的素材圖像，該素材在圖像主體部分三張彩色半調(diào)圖案的圖像，這是在印刷行業(yè)常見的一種形式，在畫面底部為相關(guān)文字和印刷品的圖像。

技術(shù)要點(diǎn)

在制作本實(shí)例時(shí)，首先創(chuàng)建一個(gè)標(biāo)準(zhǔn)的網(wǎng)頁(yè)文件，然后設(shè)置背景顏色，繪制選區(qū)并填充選區(qū)，通過執(zhí)行濾鏡中的彩色半調(diào)命令和拼綴圖命令，完成圖像的特殊效果。打開圖像素材，將圖像拖至網(wǎng)頁(yè)中并設(shè)置投影，使其具有立體效果。接下來創(chuàng)建文本并設(shè)置文字效果，完成本實(shí)例的制作。

本實(shí)例中設(shè)置的網(wǎng)站，為一個(gè)印刷廠的網(wǎng)站，該網(wǎng)站整體以淺灰色作為背景，但從畫面中部水平分為兩部分，上部為印刷品形式，下部為照片，畫面顯得簡(jiǎn)潔大方，主體突出。在制作網(wǎng)頁(yè)素材時(shí)，按鈕部分可根據(jù)實(shí)例情況在后期適當(dāng)添加并進(jìn)行處理，本實(shí)例中的按鈕大部分以文本替代。圖4-1為本實(shí)例完成后的效果。

1 運(yùn)行Photoshop CS3，執(zhí)行菜單欄中的“文件”/“新建”命令，打開“新建”對(duì)話框。在“名稱”文本框中鍵入“設(shè)置印刷廠主頁(yè)布局”。在“寬度”參數(shù)欄內(nèi)鍵入1024，“高度”參數(shù)欄內(nèi)鍵入768，單位設(shè)置為“像素”，在“分辨率”參數(shù)欄內(nèi)鍵入72，在“顏色模式”下拉列表框中選擇“RGB顏色”選項(xiàng)，在“背景內(nèi)容”下拉式選項(xiàng)欄中選擇“背景色”選項(xiàng)，如圖4-2所示，單擊“確定”按鈕，創(chuàng)建一個(gè)新文件。

2 確定前景色為R、G、B值均為243的淺灰色，按組合鍵Alt+Delete使用前景色填充背景，然后單擊工具箱中的“矩形選框工具”按鈕，在如圖4-3所示的位置繪制一個(gè)矩形選區(qū)。

3 確定“背景色”為白色，按組合鍵Ctrl+Delete使用背景色填充選區(qū)，然后使用工具箱中的“矩形選框工具”在如圖4-4所示的位置繪制一個(gè)矩形選區(qū)。

4 單擊工具箱中的“漸變工具”按鈕，在屬性欄中激活“線性漸變”按鈕，單擊“點(diǎn)按可編輯漸變”顯示窗，打開“漸變編輯器”對(duì)話框，參照?qǐng)D4-5所示設(shè)置漸變顏色。

5 確定選區(qū)處于可編輯狀態(tài)，在選區(qū)中從左上角向右下角拖動(dòng)鼠標(biāo)左鍵，如圖4-6所示，然后執(zhí)行菜單欄中的“選擇”/“取消選擇”命令，取消選區(qū)。

6 選擇“圖層1”，執(zhí)行菜單欄中的“濾鏡”/“像素化”/“彩色半調(diào)”命令，打開“彩色半調(diào)”對(duì)話框，在該對(duì)話框中的“最大半徑”參數(shù)欄內(nèi)鍵入6，其他參數(shù)使用默認(rèn)設(shè)置，如圖4-7所示，然后單擊“確定”按鈕，退出該話框。

7 退出“彩色半調(diào)”對(duì)話框后，圖像效果如圖4-8所示。

8 單擊工具箱中的“矩形選框工具”按鈕，在屬性欄中激活“添加到選區(qū)”按鈕，然后在如圖4-9所示的位置繪制矩形選區(qū)。

9 確定選區(qū)處于可編輯狀態(tài)下，按Delete鍵，刪除選區(qū)內(nèi)的圖像，然后執(zhí)行菜單欄中的“選擇”/“取消選擇”命令，取消選區(qū)。

10 在“圖層1”的頂部創(chuàng)建一個(gè)新圖層——“圖層2”，然后使用工具箱中的“矩形選框工具”在如圖4-10所示的位置繪制一個(gè)矩形選區(qū)。

11 確定“背景色”為白色，按組合鍵Ctrl+Delete使用背景色填充選區(qū)，然后取消選區(qū)，執(zhí)行菜單欄中的“圖層”/“圖層樣式”/“投影”命令，打開“圖層樣式”對(duì)話框，在“不透明度”參數(shù)欄內(nèi)鍵入25，其他參數(shù)使用默認(rèn)設(shè)置，如圖4-11所示。

12 在“圖層2”的頂部創(chuàng)建一個(gè)新圖層——“圖層3”，使用工具箱中的“矩形選框工具”在如圖4-12所示的位置繪制一個(gè)矩形選區(qū)。

13 單擊工具箱中的“漸變工具”按鈕，在屬性欄中單擊“點(diǎn)按可編輯漸變”顯示窗，打開“漸變編輯器”對(duì)話框，在該對(duì)話框中參照?qǐng)D4-13調(diào)整為灰色、白色到白色透明的線性漸變。

14 確定選區(qū)處于可編輯狀態(tài)，在選區(qū)中從上向下拖動(dòng)鼠標(biāo)左鍵，如圖4-14所示，然后執(zhí)行菜單欄中的“選擇”/“取消選擇”命令，取消選區(qū)。

15 在“圖層3”的頂部創(chuàng)建一個(gè)新圖層——“圖層4”，使用工具箱中的“矩形選框工具”按鈕在如圖4-15所示的位置繪制一個(gè)矩形選區(qū)，將前景色設(shè)置為R、G、B均為240的灰色，按組合鍵Alt+Delete，使用前景色填充選區(qū)。

16 執(zhí)行菜單欄中的“選擇”/“取消選擇”命令，取消選區(qū)，然后執(zhí)行菜單欄中的“濾鏡”/“紋理”/“拼綴圖”命令，打開“拼綴圖”對(duì)話框，在該對(duì)話框的“方形大小”參數(shù)欄內(nèi)鍵入1，在“凸現(xiàn)”參數(shù)欄內(nèi)鍵入0，如圖4-16所示，單擊“確定”按鈕，退出該對(duì)話框。

17 確定“圖層4”處于可編輯狀態(tài)，執(zhí)行菜單欄中的“圖像”/“調(diào)整”/“亮度/對(duì)比度”命令，打開“亮度/對(duì)比度”對(duì)話框，在該對(duì)話框的“亮度”參數(shù)欄內(nèi)鍵入20，如圖4-17所示，單擊“確定”按鈕，退出該對(duì)話框。

18 在“圖層4”的頂部創(chuàng)建一個(gè)新圖層——“圖層5”，使用工具箱中的“矩形選框工具”在如圖4-18所示的位置繪制一個(gè)矩形選區(qū)，然后將選區(qū)填充為白色。

19 接下來執(zhí)行菜單欄中的“文件”/“打開”命令，彈出“打開”對(duì)話框，從該對(duì)話框內(nèi)選擇本書附帶光盤中的“使用Photoshop CS3編輯網(wǎng)頁(yè)素材/實(shí)例4：設(shè)置印刷廠主頁(yè)布局/圖片01.jpg”文件，單擊“打開”按鈕，打開該文件，如圖4-19所示。

20 確定“圖片01.jpg”處于可編輯狀態(tài)，使用工具箱中的“移動(dòng)工具”拖動(dòng)該文件中的背景圖像至“設(shè)置印刷廠主頁(yè)布局.psd”文件中，這時(shí)在“圖層”面板中會(huì)出現(xiàn)一個(gè)新圖層——“圖層6”。

21 選擇“圖層6”，按組合鍵Ctrl+T，打開自由變換框，然后參照?qǐng)D4-20所示調(diào)整該圖層中圖像的位置和大小。

22 接下來參照步驟18至21，設(shè)置另外兩個(gè)圖像效果，如圖4-21所示。

提示

讀者在創(chuàng)建時(shí)，可直接將“圖層5”進(jìn)行復(fù)制得到“圖層5副本”和“圖層5副本2”，然后將這兩個(gè)圖層拖至頂層。打開本書附帶光盤中的“使用Photoshop CS3編輯網(wǎng)頁(yè)素材/實(shí)例4：設(shè)置印刷廠主頁(yè)布局/圖片02.jpg/圖片03.jpg”文件，將這兩個(gè)文件中圖像分別拖至復(fù)制的圖層頂部。

23 在“圖層”面板的最頂部創(chuàng)建一個(gè)新圖層——“圖層9”，在工具箱中單擊“畫筆工具”的下拉按鈕；在彈出的下拉式按鈕中選擇“鉛筆工具”選項(xiàng)；在屬性欄中設(shè)置“畫筆”大小為2，將前景色設(shè)置為R、G、B值分別為150、170、50的綠色，然后按住Shift鍵，同時(shí)拖動(dòng)鼠標(biāo)左鍵在如圖4-22所示的位置繪制一條直線。

24 使用同樣的方法，將前景色設(shè)置為R、G、B值分別為134、120、120的灰色，然后使用“鉛筆工具”在如圖4-23所示的位置繪制直線。

25 單擊工具箱中的“橫排文字工具”按鈕，在屬性欄內(nèi)的“設(shè)置字體系列”下拉式選項(xiàng)欄中選擇Courier New選項(xiàng)，在“設(shè)置字體大小”參數(shù)欄內(nèi)鍵入18，將“設(shè)置文本顏色”顯示窗的顏色設(shè)置為R、G、B值均為80的灰色，在圖4-24所示的位置鍵入Publishing Company。

26 參照上述設(shè)置文本的方法，使用“橫排文字工具”分別鍵入society、seminary、family、MAKE HASTE、2008、2007、2006，如圖4-25所示。

27 選擇MAKE HASTE層，單擊工具箱中的“橫排文字工具”按鈕，在屬性欄中將“設(shè)置文本顏色”顯示窗的顏色設(shè)置為白色。

28 在MAKE HASTE的底層創(chuàng)建一個(gè)新圖層——“圖層10”，使用工具箱中的“矩形選框工具”，在如圖4-26所示的位置繪制一個(gè)矩形選區(qū)，然后將前景色設(shè)置為黑色，按組合鍵Alt+Delete使用前景色填充選區(qū)。

29 執(zhí)行菜單欄中的“選擇”/“取消選擇”命令，取消選區(qū)；然后進(jìn)入“圖層”面板，在“圖層10”的“不透明度”參數(shù)欄內(nèi)鍵入40，如圖4-27所示。

30 在2008層的頂部創(chuàng)建一個(gè)新圖層——“圖層11”，使用“矩形選框工具”在如圖4-28所示的位置繪制一個(gè)矩形選區(qū)，將前景色設(shè)置為R、G、B值分別為140、3、3的深紅色，然后使用前景色填充選區(qū)。

31 取消選區(qū)，進(jìn)入“圖層”面板，在“圖層11”的“不透明度”參數(shù)欄內(nèi)鍵入40，如圖4-29所示。

32 再次使用工具箱中的“橫排文字工具”，在屬性欄內(nèi)的“設(shè)置字體系列”下拉式選項(xiàng)欄中選擇Courier New選項(xiàng)，在“設(shè)置字體大小”參數(shù)欄內(nèi)鍵入12，將“設(shè)置文本顏色”顯示窗的顏色設(shè)置為R、G、B值均為80的灰色，分別鍵入resume、probation、be fond of、society，如圖4-30所示。

33 在“圖層”面板的頂部創(chuàng)建一個(gè)新圖層——“圖層12”，然后單擊工具箱中的“自定形狀工具”按鈕，在屬性欄中激活“路徑”按鈕，單擊“點(diǎn)按可打開‘自定形狀’拾色器”按鈕，選擇“箭頭7”選項(xiàng)，如圖4-31所示。

34 在圖4-32所示的位置繪制一個(gè)箭頭路徑。

35 進(jìn)入“路徑”調(diào)板，選擇“工作路徑”層，單擊該面板底部的“將路徑作為選區(qū)載入”按鈕，將路徑作為選區(qū)載入，然后將前景色設(shè)置為R、G、B值分別為200、50、50的紅色，使用前景色填充選區(qū)，如圖4-33所示。

36 進(jìn)入“圖層”面板，執(zhí)行菜單欄中的“選擇”/“取消選擇”命令，取消選區(qū)。然后參照上述方法，使用工具箱中的“自定形狀工具”中的“花形紋章”選項(xiàng)，在如圖4-34所示的位置繪制路徑并填充圖形。

37 現(xiàn)在印刷廠主頁(yè)布局的制作就全部完成了，完成后的效果如圖4-35所示，如果讀者在制作過程中遇到了什么問題，可以打開本書附帶光盤中的“使用Photoshop CS3編輯網(wǎng)頁(yè)素材/實(shí)例4：設(shè)置印刷廠主頁(yè)布局/設(shè)置印刷廠主頁(yè)布局.psd”文件，該文件為本實(shí)例完成后的效果。