Photoshop商業(yè)插畫(huà)制作實(shí)例:海底世界(3)

作者:佚名　  出處:

12.10  插畫(huà)設(shè)計(jì)——商業(yè)插畫(huà)

在對(duì)通道的基礎(chǔ)知識(shí)有所了解后，本節(jié)為讀者安排了一則商業(yè)插畫(huà)制作實(shí)例，在該實(shí)例中很多操作都離不開(kāi)通道。讀者可以在操作過(guò)程中仔細(xì)體會(huì)，以掌握通道的使用方法和操作技巧，相信讀者通過(guò)該實(shí)例的學(xué)習(xí)會(huì)對(duì)通道有個(gè)全新的認(rèn)識(shí)。

制作步驟

（1）啟動(dòng)Photoshop，執(zhí)行“文件”→“打開(kāi)”命令，打開(kāi)本書(shū)附帶光盤(pán)\Chapter-12\“海底.jpg”文件。單擊“圖層”調(diào)板底部的“創(chuàng)建新組”按鈕，新建“組 1”圖層組。接著單擊“創(chuàng)建新圖層”按鈕，在圖層組中新建“圖層 1”，如圖12-85所示。

圖12-85  光盤(pán)文件

（2）使用“鋼筆”工具，在視圖中繪制魚(yú)圖形身體部位的路徑，然后按下<Ctrl+Enter>鍵，將路徑轉(zhuǎn)換為選區(qū)，接著使用黑色填充選區(qū)。如圖12-86所示。

圖12-86  繪制路徑并填充顏色

（3）保持選區(qū)的浮動(dòng)狀態(tài)，新建“圖層 2”，設(shè)置前景色為淺藍(lán)色（R222、G235、B235），按下<Alt+Delete>鍵使用前景色填充選區(qū)，如圖12-87所示。

圖12-87  新建圖層并為選區(qū)填充顏色

（4）保持選區(qū)的浮動(dòng)狀態(tài)，切換到“通道”調(diào)板中，單擊調(diào)板底部的“將選區(qū)存儲(chǔ)為通道”按鈕，創(chuàng)建出Alpha 1通道，如圖12-88所示。

圖12-88  創(chuàng)建新通道

（5）保持選區(qū)浮動(dòng)狀態(tài)，選擇Alpha 1通道，執(zhí)行“濾鏡”→“模糊”→“高斯模糊”命令，打開(kāi)“高斯模糊”對(duì)話框。參照?qǐng)D12-89所示設(shè)置對(duì)話框，為選區(qū)內(nèi)圖像添加模糊效果。

圖12-89  設(shè)置“高斯模糊”對(duì)話框

（6）接著執(zhí)行“圖像”→“調(diào)整”→“曲線”命令，打開(kāi)“曲線”對(duì)話框，參照?qǐng)D12-90所示設(shè)置“曲線”對(duì)話框，對(duì)選區(qū)內(nèi)圖像進(jìn)行調(diào)整。

圖12-90  設(shè)置“曲線”對(duì)話框

（7）配合使用工具箱中的“減淡”工具和“加深”工具，在選區(qū)的相應(yīng)位置進(jìn)行涂抹，對(duì)選區(qū)內(nèi)的圖像進(jìn)行處理，如圖12-91所示。

圖12-91  處理圖像

（8）按下<Ctrl>鍵的同時(shí)單擊Alpha 1通道，將該通道作為選區(qū)載入。切換到“圖層”調(diào)板中，選擇“圖層 2”，按下<Delete>鍵將選區(qū)內(nèi)的圖像刪除，如圖12-92所示。

圖12-92  刪除選區(qū)內(nèi)的圖像

（9）按下<Ctrl+D>鍵將選區(qū)取消。在“圖層”調(diào)板中新建“圖層 3”，然后在視圖中繪制出如圖12-93所示的魚(yú)頭圖形路徑，并將路徑轉(zhuǎn)換為選區(qū)，為選區(qū)填充黑色。

圖12-93  繪制魚(yú)頭圖形

（10）保持選區(qū)浮動(dòng)狀態(tài)，新建“圖層 4”，將選區(qū)填充為淺藍(lán)色（R222、G235、B235）。接著在“通道”調(diào)板中，將選區(qū)存儲(chǔ)為Alpha 2通道，如圖12-94所示。

圖12-94  將選區(qū)存儲(chǔ)為通道

（11）選擇該通道，執(zhí)行“濾鏡”→“模糊”→“高斯模糊”命令，打開(kāi)“高斯模糊”對(duì)話框，參照?qǐng)D12-95所示設(shè)置對(duì)話框，為圖像添加模糊效果。

圖12-95  設(shè)置“高斯模糊”對(duì)話框

（12）執(zhí)行“圖像”→“調(diào)整”→“亮度/對(duì)比度”命令，打開(kāi)“亮度/對(duì)比度”對(duì)話框，參照?qǐng)D12-96所示設(shè)置對(duì)話框，對(duì)圖像進(jìn)行調(diào)整。

圖12-96  調(diào)整圖像的亮度和對(duì)比度

（13）使用工具箱中的“減淡”工具，對(duì)圖像的亮部區(qū)域進(jìn)行減淡處理，如圖12-97所示。

圖12-97  對(duì)圖像進(jìn)行減淡處理

（14）將Alpha 2通道作為選區(qū)載入，然后在“圖層”調(diào)板中激活“圖層 4”，將選區(qū)內(nèi)的圖像刪除，并取消選區(qū)，效果如圖12-98所示。

圖12-98  刪除圖像

（15）參照前面繪制圖像的方法，制作出魚(yú)的其他組成部分，并分別對(duì)各組成部分所在圖層的順序進(jìn)行調(diào)整，效果如圖12-99所示。

圖12-99  繪制其他組成圖形

提示：讀者也可以打開(kāi)本書(shū)附帶光盤(pán)\Chapter=12\“魚(yú).psd”文檔，將該文檔中的魚(yú)圖像復(fù)制粘貼到“海底”文檔中直接使用。

（16）在“圖層”調(diào)板中新建一個(gè)圖層，然后在視圖中繪制出魚(yú)的眼睛輪廓圖形，如圖12-100所示。

圖12-100  繪制眼睛輪廓圖形

（17）執(zhí)行“文件”→“打開(kāi)”命令，打開(kāi)本書(shū)附帶光盤(pán)\Chapter-12\“眼睛素材.psd”文件。使用“移動(dòng)”工具，將文檔中的圓形圖像拖動(dòng)到“海底.jpg”文檔中的相應(yīng)位置，如圖12-101所示。

圖12-101  添加素材圖像

（18）創(chuàng)建一個(gè)新圖層，通過(guò)“橢圓選框”工具繪制圓形選區(qū)，然后為其填充黑色，制作出眼珠圖像，如圖12-102所示。

圖12-102  制作眼珠

（19）再次新建圖層，然后繪制出兩個(gè)白色圓形圖像，使用“橡皮擦”工具對(duì)圖像進(jìn)行部分擦除，制作出眼球的高光，如圖12-103所示。

圖12-103  制作眼球高光

（20）將導(dǎo)入的眼睛素材圖像作為選區(qū)載入，然后新建一個(gè)圖層，將其填充為黑色。

（21）將選區(qū)存儲(chǔ)為通道，通過(guò)前面一系列編輯通道的方法，對(duì)通道進(jìn)行編輯。然后將編輯后的通道作為選區(qū)載入，將選區(qū)內(nèi)的黑色圓形圖像刪除，制作眼球的立體效果，如圖12-104所示。

圖12-104  制作立體效果

（22）選擇“組 1”圖層組，并單擊鼠標(biāo)右鍵，在彈出的菜單中選擇“合并組”命令，將圖層組合并。然后將“組 1”圖層重命名為“魚(yú)”，如圖12-105所示。

圖12-105  合并圖層組

（23）復(fù)制“魚(yú)”圖層，得到“魚(yú) 副本”圖層。然后使用“魔棒”工具，在紅色魚(yú)鱗圖像上單擊，創(chuàng)建選區(qū)，接著為選區(qū)填充綠色，如圖12-106所示。

圖12-106  為選區(qū)填充顏色

（24）取消選區(qū)。執(zhí)行“編輯”→“變換”→“水平翻轉(zhuǎn)”命令，將復(fù)制的魚(yú)圖像水平翻轉(zhuǎn)。然后按下<Ctrl+T>鍵執(zhí)行“自由變換”命令，對(duì)其大小和位置進(jìn)行調(diào)整，如圖12-107所示。

圖12-107  復(fù)制并調(diào)整圖像

（25）再次對(duì)“魚(yú)”圖層進(jìn)行復(fù)制，創(chuàng)建出“魚(yú) 副本 2”圖層，并將該副本圖層調(diào)整到“魚(yú)”圖層的下方，如圖12-108所示。

圖12-108  復(fù)制圖層

（26）執(zhí)行“編輯”→“變換”→“垂直翻轉(zhuǎn)”命令，將“魚(yú) 副本 2”圖層中的圖像垂直翻轉(zhuǎn)，然后使用“橡皮擦”工具，將多余的圖像擦除，如圖12-109所示。

圖12-109  修改圖像

（27）在“圖層”調(diào)板中，將“魚(yú) 副本 2”圖層的混合模式設(shè)置“柔光”，如圖12-110所示。

圖12-110  設(shè)置圖層混合模式

（28）將“魚(yú) 副本 2”圖層的圖像作為選區(qū)載入，然后單擊“圖層”調(diào)板底部的“創(chuàng)建新的填充或調(diào)整圖層”按鈕，執(zhí)行“亮度/對(duì)比度”命令，參照?qǐng)D12-111所示設(shè)置對(duì)話框，調(diào)整圖像亮度和對(duì)比度。

圖12-111  調(diào)整圖像的亮度

（29）選擇“魚(yú) 副本”圖層，可以打開(kāi)本書(shū)附帶光盤(pán)\Chapter-12\“裝飾圖像.psd”文檔，按下<Shift>鍵，使用“移動(dòng)”工具將該文檔中的圖像拖移到“海底.jpg”文檔中，如圖12-112所示。

圖12-112  添加文字和裝飾

（30）單擊“創(chuàng)建新的填充或調(diào)整圖層”按鈕，在彈出的菜單中執(zhí)行“色相/飽和度”命令，參照?qǐng)D12-113所示設(shè)置對(duì)話框，調(diào)整圖像的整體飽和度。

圖12-113  制作其他圖像并調(diào)整圖像的飽和度

（31）至此，完成實(shí)例的制作，最終效果如圖12-114所示。如果讀者在制作過(guò)程中遇到什么問(wèn)題，可打開(kāi)本書(shū)附帶光盤(pán)\Chapter-12\“商業(yè)插畫(huà).psd”文件進(jìn)行查看。

圖12-114  完成效果