【 PS電腦繪圖 】Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

這一次的教學是屬於PS教程領域中的鼠繪教程的相關教學。

文章出處是來自站酷的PS教程類文章,寫教學的作者是非洲哼哼企鵝,感謝非洲哼哼企鵝提供鼠繪教程的實作教學。

教學大綱:

本教程主要使用Photoshop繪製卡通主題風格的貓頭鷹圖標,感興趣的朋友一起來學習吧。


鼠繪教程教學開始

先看看效果圖

Photoshop繪製立體可愛的貓頭鷹圖標教程

以下是教程步驟:

1.新建1024 * 1024 PX 的文檔,並且命名為:呆萌界的傲嬌-貓頭鷹

Photoshop繪製立體可愛的貓頭鷹圖標教程

2.以畫布中心點拉出輔助線,運用形狀工具以中心點畫出正圓,命名為:face

Photoshop繪製立體可愛的貓頭鷹圖標教程

3.用橢圓形狀工具繪製一個正圓填充白色,複製此圓Ctrl+T結合著Alt+Shift等比例縮小后更改顏色為灰色,同樣再複製后縮小更改黑色,同樣再複製一個圓出來更改白色后將幾個圓組成眼睛,將四個圓編組命名為:l-eye

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

4.複製face圖層,再新建一個圖層,運用鋼筆工具,在工具屬性欄當中選擇形狀,沿着形狀繪製出翅膀造型

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

將繪製好的形狀圖層跟複製的face圖層選中后Ctrl+E合併

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

運用路徑選擇工具黑箭頭,選擇中全部錨點

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

在工具屬性欄當中找到-路徑操作,點開后選擇-與形狀區域相交,接着在點擊合併形狀組建,就繪製出一塊翅膀,通過調整大小后擺放合適的位置

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

同樣的辦法運用鋼筆繪製,繪製出三層,將三個圖層編組命名為:l-Wing

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

再新建一圖層,運用相同的手法,用鋼筆工具再繪製出左邊的耳朵

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

5.結合著Shift選中眼睛跟翅膀以及耳朵,Ctrl+T,鼠標右鍵水平翻轉,將複製后的組以及圖層重新命名

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

6.新建一個圖層同樣使用鋼筆工具繪製出左邊部分的額頭命名為:forehead

Photoshop繪製立體可愛的貓頭鷹圖標教程

接着複製左半邊Ctrl+T水平翻轉,移動到合適的位置將兩圖層合併

Photoshop繪製立體可愛的貓頭鷹圖標教程

7.再新建一個圖層命名為:mouse繪製一個圓通過,通過轉換點工具,以及直接選擇工具編輯圓的錨點

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

將圓底部的點去掉調節槓桿,調節錨點后將其放置合適的位置,繪製出鼻子

Photoshop繪製立體可愛的貓頭鷹圖標教程

8.新建圖層后運用形狀工具繪製出圓角矩形,並且通過直接選擇工具編輯錨點,繪製出鳥爪

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

接着給其編組命名為:l-Paws,然後再講左邊鳥抓子複製出來后移動到右邊合適的位置命名為:r-Paws

Photoshop繪製立體可愛的貓頭鷹圖標教程

整個貓頭鷹的形狀就已經繪製好了,接着給其繪製顏色

9.給貓頭鷹先填充一個底色

Photoshop繪製立體可愛的貓頭鷹圖標教程

10.在左眼睛的圖層上新建一個圖層36,並且運用快捷鍵Ctrl+Alt+G,創建剪切蒙版,接着用畫筆工具將硬度調為0,然後調節不透明度,選擇藍色當中的藍灰色偏深的地方繪製暗部,偏亮的藍灰色繪製亮部,將眼球畫出立體的感覺。

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

11.再新建一個圖層37,創建剪切蒙版,用畫筆工具選擇藍色,運用同樣的手法,給藍色的眼球繪製出立體感

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

12.同樣再建立一個圖層38,Ctrl+鼠標左鍵單擊藍色眼球圖層調出選區,選擇選區工具后鼠標右擊選區調出-變換選區,然後結合著Shift+Alt 將選區以中心點縮小,然後回車,接着Ctrl+Shift+I,反向選擇,再結合畫筆用深藍色繪製出眼球的四周

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

13,繼續新建一個圖層39,創建剪切蒙版,同樣的辦法調出藍色眼球的選區,用畫筆工具選擇白色,繪製出藍色眼球中的高光反光部分

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

14.在黑眼球上新建一個圖層40,同樣的手法給黑色眼圈繪製眼球的光感

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

再新建一個圖層41,給眼睛裡面再繪製一個顏色反光

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

15.在圖層l-eyebrow上面新建一個圖層42,給耳朵繪製出大致的明暗關係,接着再新建圖層43給耳朵加深明暗關係,在新建圖層44,給耳朵添加一個高光

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

16.相同的繪製方法運用深藍色,繪製暗部,淺藍色繪製亮部,將翅膀的的質感繪製出來

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

17.在圖層forehead上建立新圖層,運用同樣手法繪製,顏色選擇紅色深處部分繪製暗部,紅色亮部繪製亮部

Photoshop繪製立體可愛的貓頭鷹圖標教程

在跟藍色耳朵相近的地方給添加藍色反光

Photoshop繪製立體可愛的貓頭鷹圖標教程

18在圖層mouse上建立新圖層,運用同樣手法繪製,顏色選擇紅色深處部分繪製暗部,紅色亮部繪製亮部,並且在亮部添加一些黃色

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

19在圖層face上建立新圖層,同樣的繪製手法,選擇暖灰色繪製肚皮,並且用深暖灰色繪製暗部投影,在繪製中需要考慮到環境色的影響

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

20再繪製爪子,給抓繪製出同樣的質感

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

21接着我們將左邊繪製好的耳朵翅膀以及爪子全部選中后Ctrl+T 鼠標右鍵水平翻轉移動到右邊完成整體

Photoshop繪製立體可愛的貓頭鷹圖標教程

Photoshop繪製立體可愛的貓頭鷹圖標教程

22.給背景色填充#6d6f5,再繪製一個正圓填充顏色#edef5,接着新建一個文本圖層輸入:A-Owl,完成整體

Photoshop繪製立體可愛的貓頭鷹圖標教程

–本文轉載自 http://www.missyuan.net 教學網 —

文章永久連結為: Photoshop繪製立體可愛的貓頭鷹圖標教程