Zi 字媒體

Photoshop繪製可愛卡通的海盜船長 這一次的教學是屬於PS教程領域中的鼠繪教程的相關教學。 文章出處是來自ICONFANS的PS教程類文章，寫教學的作者是Milaky，感謝Milaky提供鼠繪教程的實作教學。 教學大綱: 人物設計可能是最有趣的事情，你可以使用Photoshop作為工具之一。今天我們將演示如何在Photoshop中繪製一個海盜角色。讓我們開始吧，下面讓我們一起來學習吧。 鼠繪教程教學開始 先看看效果圖 Step 1 Let’s start with a sketch, I always draw a sketch and scanit into my computer. 讓我們從一個草圖開始，我總是畫一個草圖掃描進我的電腦。 Step 2 Create a new 2000 by 1800 pixel document with a whitebackground. Fill the background layer with a blue color #3686c3. Put the layerin a group, name it "Background", duplicate the background layer,rename it "Background Color" and put it in the "Background"group. Delete the old background layer. 創建2000*1800像素白色背景新文件。用藍色#3686c3填充背景層。命名為“背景顏色”。 Step 3 Put the sketch in a new layer and name it “Sketch”. 載入一個新圖層，命名為“素描”。 Step 4 Set the “Sketch” Opacity to 20%. Use the Pen Tool (P) todraw the head shape. 設置“素描”不透明度為20%。使用鋼筆工具(P)繪製的頭部形狀。 Step 5 Once the head path is complete, right click on the path,select Make Selection, then press OK.Create a new layer and name it with a name easy to remember (in this example,name the layer “Head”).Fill the selection with a grey color, then deselect with Command/Ctrl + D. 查看頭部路徑是否完整，在路徑上點擊右鍵，選擇“建立選區”，然後按確定。創建一個新圖層並命名一個名字易記(在這個例子中，命名該層的“頭”)中。用灰色填充，快捷鍵： CTRL + D取消選區。我再提供方法二：使用鋼筆勾勒矢量圖層后，灰色填充，點擊矢量圖右鍵選擇“柵格化圖層”，命名為“頭”。 Step 6 Select the “Head” layer, create a group with Command/Ctrl +G and name this group “Head”.Create a new layer above the layer “Head” (Shift + Command/Ctrl + N), name it“Shadow”, and choose “Multiply” mode.Create a second layer (Shift + Command/Ctrl + N), name it “Light”, and choose“Screen” mode. 選擇“頭”圖層，按 Ctrl + G組合圖層，並命名該組合為“頭”。在“頭”層上創建一個新圖層( Ctrl +Shift +N)，命名為“影”新層，並選擇“疊加”模式。創建第二層(Ctrl +Shift + N)，命名為“光”，然後選擇“正片疊加”模式。 Step 7 Repeat steps 5 to 6 for all the character’s parts. 重複步驟5至6所有操作的部分。 Step 8 Ok, It’s time to bring some colors to our character. We aregoing to start with the head. Select the layer "Head", lock thetransparency (by clicking the small icon "Lock" in the top left ofthe layers). Choose a color (#f4bc83), a hard brush (Opacity 100%) for coloringthe head shape. Repeat this step for all the character’s shapes. OK，是時候給人物上一些顏色。我們從頭部開始，選擇“頭”圖層，鎖定圖層，(按圖層左上角小圖標“鎖定”)。設定顏色(#f4bc83),用100%硬筆刷塗繪頭部形狀。以下形狀做同樣步驟。 Step 9 Select the “Shadow” layer then get the head selection byclicking on the “Head” layer with Command/Ctrl + Left Click. Hide the selection(Command/Ctrl + H). We’re now ready to work on the shadow’s head. 選擇“陰影”層，按命令Ctrl+左鍵點擊“頭”圖層。隱藏虛線選擇(Ctrl+H),我們現在準備畫頭部的陰影。 Step 10 I’m starting with a soft 66 pixel brush with the opacityset to 10%. Start to draw the shadows with the same base color (#f4bc83) as thehead, then gradually, choose a darker color. Adjust the brush size to suit yourneeds. 使用柔角畫筆，設置為10px，透明度66%，選擇與臉部基本顏色((#f4bc83)，漸漸地選擇較暗的顏色，調整畫筆大小繪製，以滿足你的需求。 Step 11 Do the same things on the “Light” layer, but this time,gradually choose a lighter color when drawing. 這次繪製臉部明亮的部分，但是這一次，是選擇較淺的顏色繪製。 Step 12 Repeat steps 10 to 11 for all others parts of thecharacter. 其餘部分都重複10~11步驟的繪製方法。 Step 13And voilà, the shadows and the lights has been added onmost of the character’s parts. But there’re still some parts that deserve moredetails. 瞧，陰影和光亮就布滿了人物的大部分。但有些地方依然存在不足，需要更多的細節。 Step 14 The hat looks good, but let’s add a little texture to it. 這頂帽子看起來不錯，但是還需要讓我們來添加一些紋理吧。 Step 15 Place the "Black and White Grunge" texture in thedocument (between the "Base" layer and the "Shadow" layer),name it "Texture" and resize it to fit the hat. Select the hat’sshape with Command/Ctrl + Left Click by clicking on the "Hat" layer,invert the selection with Shift + Command/Ctrl + I. Hit Delete and deselectwith Command/Ctrl + D. 導入一張黑白紋理圖片放置在陰影和光亮圖層中間，命名為“紋理”，並調整其大小以適合帽子。選擇帽子與命令Ctrl+左鍵點擊帽子圖層，命令Ctrl+shift+I反選選區，命令Ctrl+D去掉選區。 Step 16 Set the “Texture” layer to Multiply mode 設置“紋理”圖層為正片疊底模式。 Step 17 Repeat steps 15 to 16 for the others clothes. 其他衣服紋理重複15~16步驟。 Step 18 For the eyes, select the black border layer and apply aGaussian filter on it. 對眼睛，選擇黑色邊框，選擇濾鏡>模糊>高斯模糊>半徑8px. Step 19 Like the previous steps, add the shadows on the “Shadow”layer. 像以前的步驟，添加“陰影”層的陰影。 Step 20 Add the light in the eyes on the “Light” layer. 在“光”層添加高光。 Step 21 With the Eraser Tool (E), give the eye a better look byerasing the black border a little bit. 用橡皮擦工作給眼睛黑色邊框擦除更好看些。 Step 22 Repeat steps 18 to 21 for the left eye. 重複18~21左眼的步驟。 Step 23 For the mouth, create a new layer and set mode to “Color”and the opacity to 50-55%, add a little bit of red around the mouth with a softbrush. 嘴部分，創建一個新圖層，設置模式為為“顏色”，用50-55%的柔角畫筆塗繪嘴邊紅點。 Step 24 Add some shadows on the “Shadow” layer.繪製“陰影”層的陰影。 Step 25 And light on the “Light” layer. 繪製“光”層的光亮部分。 Step 26 Duplicate the “Mouth” layer and put it above the “Light”layer. 複製嘴巴圖層在光層上面。 Step 27 elect the mouth shape with Command/Ctrl + Left Click.命令crtl+左鍵點擊嘴型圖層。 Step 28 Move the selection a little bit down with the Down Key,erase by hitting the Del key. 將虛線選框往下移動一點，點擊Del刪除。 Step 29 Draw the teeth with a soft brush and a black color. 用黑白顏色軟刷畫筆繪製牙齒部分。 Step 30 For the skull head, add shadow and light as usual. 對於骷髏頭，添加陰影和光亮部分像之前一樣操作。 Step 31 Then add a Drop Shadow Style on the skull he3ad layer. 然後，頭顱骨上添加陰影樣式效果。看圖設置。 Step 32 Here is a detail of the scar, nothing special, just anextra “Color” mode layer with a little bit of red around the scar. 這裡是一個疤痕，沒什麼特別，只是一個額外的“顏色”模式層的細節。 Step 33 For the beard, add a new layer and set mode to"Multiply", select a soft brush and a brown color, then start topaint. I’ve shown you the "beard" zone in red on the thumbnail. 對於鬍子，新建一個圖層，設置模式為“正片疊底”，選擇一個軟刷和棕褐色，然後開始畫。我展示的是縮略圖中的紅色區域。 Step 34 Then, add a new layer (Shift + Command/Ctrl + N), fill itwith the Paint Bucket Tool (G) and a black color. 然後，新建圖層(shift+ctrl+N),用油漆桶工具(G)填充一個黑色。 Step 35 Add a “Noise” filter on the layer (Filter > Noise >Add Noise). 添加雜色(濾鏡>雜色>添加雜色)。看圖設置。 Step 36 Command/Ctrl + Left Click on the “Beard” layer, reverse theselection with Shift + Command/Ctrl + I, erase with the “Del” key and deselectwith Command/Ctrl + D. 命令ctrl+左鍵點擊“鬍子”層，命令shift+ctrl+I反選,點擊Del刪除，ctrl+D取消選擇。 Step 37 Set to “Soft Light” mode and opacity to 40%. 設置為“柔光”模式，不透明度為40%。 Step 38 For the hairs, use a 1 pixel soft brush with a dark browncolor for the shadows, and a light brown for the lights. 對於頭髮，使用1像素暗棕色的軟毛刷繪製陰影，和褐色繪製亮部毛髮。 Step 39 Our pirate is finally finished! 我們的海盜終於完成啦! Step 40 For the ribbon, use the step 5 to 8 from the pirate’s head.Use the colors: #f7eac5, #f0dcb3, #e5cc9d, #d2ac76. Erase the edges with theEraser Tool (E) for the torn edges. 對於剪綵條，用5-8海盜的頭步驟，使用顏色#f7eac5，#f0dcb3，#e5cc9d，#d2ac76。然後用橡皮擦除邊緣達到撕裂效果。 Step 41 You can see all the parts in this picture. 你可以看到這張圖片的所有部分。 Step 42 Add the shadows on the ribbon.增加剪綵條所有的陰影部分。 Step 43 Then add the lights.然後增加光亮部分。 Step 44 Place the Grunge Paper texture in the document; resize itto fit the ribbon. 導入一張紙張紋理，調整大小以適應剪綵條。 Step 45 Select ALL the ribbon’s shapes with Command/Ctrl + LeftClick by clicking on the each layer, invert the selection with Shift +Command/Ctrl + I. Hit Del and deselect with Command/Ctrl + D. 命令shift+左鍵點擊“剪綵條”每一個層，命令shift+ctrl+加左鍵點擊每一個圖層形狀，得出整體的選框，在紙張層上命令shift+ctrl+I反選,，Del刪除，ctrl+D取消選擇。 Step 46 Set the “Texture” layer to “Multiply” mode.設置“紋理”為正片疊底。 Step 47 Add some text with the Type Tool (T), I’ve choose the free“Cloister Black” font”. 添加一些文字，點擊文字工具(T)，我已經選擇了免費的“CloisterBlack”字體。 弧形文字這裡，我沒有找到變形的效果入口，只能教大家另外個方法，使用鋼筆勾勒弧形路徑， 然後使用文字工具點擊路徑上添加文字。 Step 48 Right Click on the Type layer, then choose Rasterize Type.Add some style on it. Erase some parts with the Eraser Tool (E) using à softbrush. 點擊文字圖層，右鍵選擇柵格化。給它添加圖層樣式(看圖設置)，然後使用軟筆刷和相片在上面擦拭下效果。 Final Image最終圖像 翻譯后感：翻譯完這篇教程后，發現講解的詳細度並不是很多，這需要有一定的繪畫基礎的人，對物(人物和物體)的結構以及光源的理解才能輕鬆的完成這次的繪製工作。所以這篇中級教程，只是提點了大的步驟過程，手繪的分塊流程，可以歸納為一個本體和光影的結合便完成。而快速技巧性的樣式很少。這次來鍛煉下很久沒手繪的童鞋們功夫吧，繪畫中自然會有一定的樂趣，在人家的效果圖中能夠學習動畫角色的造型和表現細節。最後期待大家的效果圖。 –本文轉載自 http://www.missyuan.net 教學網 — 文章永久連結為: Photoshop繪製可愛卡通的海盜船長