• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 PS電腦繪圖 】Photoshop繪製立體逼真的小黃人圖標效果




    Photoshop繪製立體逼真的小黃人圖標效果

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

    文章出處是來自站酷的PS教程類文章,寫教學的作者是木老鼠,感謝木老鼠提供鼠繪教程的實作教學。

    教學大綱:

    小黃人已經是個無需介紹的人氣角色,呆萌的外表讓他成為了踐踏主角的超級巨星,在全球擁有無數粉絲。作為喜歡小黃人的設計師,是不是一定要懂得3D軟件才能做出小黃人呢?NoNo-今天川老師就教大家用Photoshop快速做出一個小黃人。


    鼠繪教程教學開始

    最終效果

    Photoshop繪製立體逼真的小黃人圖標效果

    1、打開Photoshop,新建文檔,在工具欄使用圓角矩形工具,畫出一個200 * 300圓角矩形,將圓角設置為最大值,形成一個膠囊形。

    Photoshop繪製立體逼真的小黃人圖標效果

    2、使用直接選擇工具,選中其中的5個點,分別向箭頭標示的方向移動,形成身體的形狀。

    Photoshop繪製立體逼真的小黃人圖標效果

    3、雙擊圖層,將顏色設置為:#de9904。

    Photoshop繪製立體逼真的小黃人圖標效果

    4、複製圖形並縮小,將顏色設置為:#ffff08。

    Photoshop繪製立體逼真的小黃人圖標效果

    5、將複製出的圖形羽化。

    Photoshop繪製立體逼真的小黃人圖標效果

    6、使用剪切蒙版,將羽化的圖形嵌套到原始圖形,這樣就能約束羽化的範圍,保持身體清晰的邊緣。

    Photoshop繪製立體逼真的小黃人圖標效果

    Photoshop繪製立體逼真的小黃人圖標效果

    7、眼睛部分製作,使用橢圓工具畫出一個圓。

    Photoshop繪製立體逼真的小黃人圖標效果

    8、將圓複製並縮小,填充為棕色:#984f03,加上黑色的內發光。

    Photoshop繪製立體逼真的小黃人圖標效果

    9、再次複製並縮小,填充為黑色。最後複製一個白色的圓,作為眼球的高光。

    Photoshop繪製立體逼真的小黃人圖標效果

    10、複製第一個圓並填充為黃色:#eec317,再畫一個橢圓與其相切。

    Photoshop繪製立體逼真的小黃人圖標效果

    Photoshop繪製立體逼真的小黃人圖標效果

    11、將所有眼睛圖層合併或建立成組。

    Photoshop繪製立體逼真的小黃人圖標效果

    12、雙擊合併后的圖層,添加黑色的內發光。

    Photoshop繪製立體逼真的小黃人圖標效果

    13、畫完眼球,接下來我們來畫小黃人的眼鏡,用路徑操作的方式,畫出鏡框。

    Photoshop繪製立體逼真的小黃人圖標效果

    14、將鏡框添加浮雕效果。

    Photoshop繪製立體逼真的小黃人圖標效果

    Photoshop繪製立體逼真的小黃人圖標效果

    15、接下來畫眼鏡帶:

    畫出帶子的形狀,添加漸變,添加黑色的內發光來表現帶子的厚度。複製並垂直翻轉,形成雙層的帶子。

    Photoshop繪製立體逼真的小黃人圖標效果

    16、將畫好的圖層都合併,再加上適當的高光,眼睛部分就搞定了。

    Photoshop繪製立體逼真的小黃人圖標效果

    17、接下來畫嘴巴:

    先畫出一顆類似半圓形的牙齒,添加一個深灰色的內發光來表現厚度,將牙齒複製三顆,排列好以後合併,添加投影;同樣的方法複製下排的牙齒。

    畫出嘴巴的形狀,填充深紅色:#611228,添加內陰影,用上面教過的剪切蒙版的方式將所有牙齒嵌入到嘴巴里;最後給嘴巴添加一個淡淡的淺色投影,形成嘴唇的厚度。

    Photoshop繪製立體逼真的小黃人圖標效果

    18、使用同樣的方法,我們可以靈活畫出各種嘴巴。

    Photoshop繪製立體逼真的小黃人圖標效果

    19、將畫好的三個部分合在一起,然後添加眼鏡的投影。在眼鏡下方畫一塊類似屁股的形狀,填充為黑色;將黑屁股柵格化,然後用模糊工具不斷塗抹下半部分直到虛化;將這塊顏色的不透明度設為20%。

    Photoshop繪製立體逼真的小黃人圖標效果

    20、畫出衣服的輪廓並添加一個藍色的漸變。

    Photoshop繪製立體逼真的小黃人圖標效果

    21、添加一個淡淡的內陰影作為衣服的厚度。

    Photoshop繪製立體逼真的小黃人圖標效果

    22、用同樣的方法畫出兩根背帶和口袋。

    Photoshop繪製立體逼真的小黃人圖標效果

    23、兩邊的口袋:

    先畫出一個半圓形,填充一個更深點的藍色;將半圓柵格化;用橡皮擦掉左邊的部分。

    Photoshop繪製立體逼真的小黃人圖標效果

    24、用鋼筆路徑沿着衣服畫出一條路徑。

    Photoshop繪製立體逼真的小黃人圖標效果

    25、使用橫排文字工具,將鼠標移至路徑的起始位置,直到鼠標變成文字路徑的圖標;然後不斷的輸入“-”號,直至變成一條虛線。

    Photoshop繪製立體逼真的小黃人圖標效果

    26、最後添加一些小細節,衣服就完成了。

    Photoshop繪製立體逼真的小黃人圖標效果

    Photoshop繪製立體逼真的小黃人圖標效果

    27、跟身體的繪製方法一樣,利用羽化和剪切蒙版,可以輕鬆的畫出手腳。

    Photoshop繪製立體逼真的小黃人圖標效果

    28、最後在頭頂加幾根毛髮,小黃人畫好了。

    Photoshop繪製立體逼真的小黃人圖標效果

    最終效果:

    Photoshop繪製立體逼真的小黃人圖標效果

    — —

    文章永久連結為: Photoshop繪製立體逼真的小黃人圖標效果