[第1頁]

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

像素圖標(biāo)的繪制方法圖解

圖1 整個(gè)圖標(biāo)繪制的全過程

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

像素圖標(biāo)的繪制方法圖解

圖2 四個(gè)不同方向的圖像

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

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

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

像素圖標(biāo)的繪制方法圖解

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

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

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

像素圖標(biāo)的繪制方法圖解

圖6 繪制完成第二個(gè)立方體

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

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

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

像素圖標(biāo)的繪制方法圖解  像素圖標(biāo)的繪制方法圖解 像素圖標(biāo)的繪制方法圖解

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

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

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

  窗戶的繪制并不困難,但要注意避免幾個(gè)易犯錯(cuò)誤。像素圖標(biāo)的繪制方法圖解

像素圖標(biāo)的繪制方法圖解

圖8 3像素寬窗戶的畫法

像素圖標(biāo)的繪制方法圖解

圖9 4像素寬窗戶的畫法

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

 

標(biāo)簽:像素

相關(guān)文章

隨機(jī)推薦