萬盛學電腦網

您现在的位置: 萬盛學電腦網 >> 軟體知識 >  >> 影像處理 >> Photoshop 教學 >> Photoshop 手繪教學

Photoshop 教學:像素風格卡通頭像繪製

像素藝術的魅力在於「限制中找自由」:有限畫布、有限色數、單一像素單位,倒逼藝術家在極小空間裡傳達最大信息量。本教程以 100×100 px 畫布示範像素頭像從線稿到上色、陰影、高光的完整流程,適合遊戲美術入門、圖標設計、復古風插畫練習。

最終效果

像素頭像最終效果

環境設置

  • 新建 100×100 px、72 dpi、RGB、白底。
  • 視圖 > 縮放 > 顯示網格(或 Ctrl+'),網格間距 1px,對齊像素網格。
  • 放大 600-800%,單像素操作清晰可見。
    畫布設置

繪製步驟

1. 線稿:咖啡色勾勒,對稱利器

  • 前景色設咖啡色(習慣用色,非強制),鉛筆工具 1px 硬邊。
  • 先畫五官:眼睛用橢圓選框工具(按 Shift 畫正圓)→ 填充 → 復制鏡像得另一眼(正面頭像對稱原則)。
    畫眼睛 眼睛細節 對稱複製
  • 眉毛、輪廓線條:不拘泥逐格畫,先勾大形再微調,保持整體可讀性。
    輪廓線稿
  • 整理線條:斷點連接、拐角 45° 優化、去除孤立像素。
    線條整理

2. 平鋪基礎色

  • 新建圖層置於線稿下,油漆桶/鉛筆填充膚色、髮色、衣色大面。
    基礎平鋪色

3. 陰影與體積(關鍵:兩色法)

  • 每個色塊只準備「基礎色」+「陰影色」(基礎色降低亮度、增加飽和度偏冷)。
  • 在陰影面(遠離光源側)以 1px 寬度條帶鋪陰影色,拐角處用單像素點過渡。
    陰影鋪設

4. 線稿著色融合

  • 將線稿層鎖定透明像素 → 用各部位基礎色/陰影色覆蓋原咖啡色線條,使線條融入體積,不再生硬分離。
    線稿著色

5. 高光點綴——像素藝術的「眼睛」

  • 新建頂層,白色/高亮色 1px 點繪:眼高光、鼻尖、唇珠、髮束轉折、衣褶棱線。
    高光點綴
  • 高光極少即貴:全圖僅 5-8 個關鍵高光點,卻能瞬間喚醒立體感。

像素藝術核心原則速查表

原則操作建議
單像素精度鉛筆工具 1px、硬度 100%、關閉抗鋸齒
有限調色盤全圖 ≤16 色(含透明),預先定義色卡
陰影雙色法基礎色+陰影色,禁用漸變/模糊
線稿著色線條顏色隨鄰域色變化,而非全局黑/咖啡
高光極簡僅在材質轉折最高點點 1-2 像素
對稱利用正面角色:半邊畫好 → 複製水平翻轉 → 合併微調
動畫就緒各部位(眼、嘴、髮、肢體)分層,便於幀動畫

進階練習方向

  • 等距像素:網格改為 2:1 菱形,練習 ISO 視角場景/角色。
  • 動態像素:導出幀序列 → Aseprite/PS Timeline 製作走跑攻擊循環。
  • 大尺寸像素:512×512 以上,挑戰「高清像素風」(如《Octopath Traveler》風格)。
  • 著色器模擬:將像素圖層作為輸入,配合 Shader 實現動態描邊、發光、溶解效果。
copyright © 萬盛學電腦網 all rights reserved