[第1頁]

  如果讓你直接畫出這樣一個圖標我想難度有點大,不要緊接下來我們從第一筆開始教你將這個圖標完成。當然你要學(xué)習(xí)的只是繪制的方法而不是機械的模仿。

像素圖標的繪制方法圖解

圖1 整個圖標繪制的全過程

  繪制這樣的建筑當然不能憑空想象。為了更清楚的了解建筑的結(jié)構(gòu)可以畫出下面的草圖。這只是幫助更好的理解結(jié)構(gòu)。

像素圖標的繪制方法圖解

圖2 四個不同方向的圖像

  1. 借助線條和鉛筆工具畫出建筑的底層:一個立方體

  對于像素繪畫來說并不是所有的角度都能很好的表現(xiàn)立方體。(下圖有11種不同角度立方體的圖形供大家參考)但這樣 45 度透視的角度正好表現(xiàn)。

像素圖標的繪制方法圖解  像素圖標的繪制方法圖解
 
圖3 像素顯示的立方體圖形  圖4 完成第一步的繪制

像素圖標的繪制方法圖解

圖5 11種不同角度立方體的圖形

  2. 現(xiàn)在在第一層的基礎(chǔ)上我們再加蓋一層,當然還是一個立方體而且角度要保持一致。

  繪制完成第二層后將與第一個立方體重疊的線條刪除。留出一個清晰的畫面。下圖中已經(jīng)標出間距的像素,是為繪制窗戶而規(guī)劃好的。

像素圖標的繪制方法圖解

圖6 繪制完成第二個立方體

  3. 為兩個立方體加一個兩面坡形的屋頂這樣看起來起碼有一點像房子:)
  房頂比起立方體略微難掌握些,同樣要注意保證角度的一致。

  將不要的線條刪除保證畫面的清爽,不要對細部過于苛刻這只是個像形狀的草圖,現(xiàn)在就把細部繪制的很完美,如果發(fā)現(xiàn)要做例如高度等的調(diào)整就要返工了。

  總之繪制圖標也像畫畫一樣時刻記住“從整體出發(fā)”。

像素圖標的繪制方法圖解  像素圖標的繪制方法圖解 像素圖標的繪制方法圖解

圖7 完成屋頂?shù)睦L制

  4. 在第二個立方體的兩個面上分別繪制窗戶。由于角度不同所以繪制出的窗戶的尺寸也有差異。

  正面的窗戶寬為4個像素,側(cè)面墻上的窗戶寬為3個像素。

  窗戶的繪制并不困難,但要注意避免幾個易犯錯誤。像素圖標的繪制方法圖解

像素圖標的繪制方法圖解

圖8 3像素寬窗戶的畫法

像素圖標的繪制方法圖解

圖9 4像素寬窗戶的畫法

  繪制時首先要注意線條的角度統(tǒng)一,每扇窗戶的間距要保持一致。不能與上下邊緣線相連否則在縮小觀看時會很容易發(fā)現(xiàn)問題。

 

標簽:像素

相關(guān)文章

隨機推薦