| Prev ◀ Home ▶ Next |
 |
| 像素繪圖(1)：第一堂課 |
對Pixel圖有興趣，但「不懂什麼是Pixel」、「要用什麼軟體」及「該如何繪畫」，那麼請看這篇。
 |
| 畫Pixel是一種堆疊色塊的概念 |
什麼是Pixel：
將電腦裡圖片放至最大，會看到失真般的馬賽克方塊，那就是Pixel。只要是電腦放映出的畫面，都由微小Pixel組成，是電腦圖像元素最小單位，原意是Picture Element結合而來，中文稱「像素」，單位寫法「px」。因此，像素愈多、圖片愈大、畫質也愈高，反之感受模糊能瞧見方塊的圖片，表示像素低。Pixel雖是單位，但運用此最小單位作畫的關係，延伸出獨有的繪畫風格，稱Pixel Style，慢慢Pixel一詞成為這類作畫的代稱。因為是微小的方塊，畫出線條輪廓會是鋸齒狀，Pixel就是強調這獨特鋸齒風格。用最小單位作畫，產出的圖片可以極小，所以很常運用在各類icon製作。
 |
| Mac電腦Icon的演變 |
說到底，Pixel鋸不鋸齒在於人的視覺接受度，放大縮小、規則性及顏色深淺配置都能欺騙視覺，不過也因為鋸齒和簡潔的線條，造就Pixel Style成為如同水彩畫、油畫等等的一種作畫類型，因此也被稱作Pixel Art，只是有些人並不認同，但我個人是將"整體"的Pixel Style視為Pixel Art。
用什麼軟體畫Pixel：
簡單說「只要是點陣圖的繪畫軟體都可以畫Pixel」，例如Windows小畫家。點陣圖的繪圖軟體是資源小、易擁有的基礎工具，差別於好不好用。回顧最初接觸Pixel，是用一套專門畫icon名為Microangelo軟體試玩，不過當時目的是玩icon而不是畫Pixel，只是有了這接觸，在心中對Pixel產生了興趣。
 |
| Microangelo試玩作品 |
Microangelo畢竟是專門畫icon，發揮空間有限，小畫家的介面則沒那麼靈活，最後2006年下定決心認真學習畫Pixel，使用Photoshop才是真正的開始。所以接下來就以Photoshop來講解Pixel繪圖的基本技巧。
如何繪畫Pixel：
一、設定作畫工具：選擇Photoshop的「鉛筆」。將鉛筆的筆芯調到最小「1px」，視那為構圖基準，之後隨著構圖需求可以調整為3px、5px不等的尺寸，不過PIxel就是要畫的細緻，有時根本不需調整，若大面積上色，用油漆水桶填滿就行了。
 |
| 設定Photoshop的畫筆 |
 |
| 用1px畫出來的細膩度 |
二、設定擦拭工具：有1px的鉛筆當然要用1px的橡皮擦來配合。將橡皮擦的mode(模式)選擇Pencil和Block都可以，Pencil是可以調整大小，而Block則是固定。
 |
| 擦子的Brush設定1px，並選Pencil模式 |
三、鋸齒線條運用：除了垂直與平行，構圖也是很需要其他角度的直線，要畫的好看，基本原則是「規律」。雖然部分線條看起來依然有鋸齒，但玩Pixel鋸齒才是王道，然而我們能做的，只是盡量讓它看起來不那麼討厭。
 |
| 讓鋸齒線條好看的方式是規律 |
四、作畫技巧與步驟：以Smurf(藍精靈)做為示範，直接用Photoshop的鉛筆描繪輪廓，記得要新建另一個圖層。
 |
| Schleich的藍精靈樣本 |
 |
 |
 |
| 1. 草稿輪廓 | 2. 去掉多餘線條(紅色) | 3. 乾淨的線條輪廓 |
 |
 |
 |
| 4. 基本區塊上色 | 5. 增加色彩光澤度 | 6. 完工 |
鋸齒的王道：
以上，畫Pixel真的沒什麼，用的工具簡單，畫的技術也簡單，其餘重點就是看想像力。另外，因為Pixel最小單位的模樣是正方形塊狀，可以用鋸齒角度堆疊的方式進行，讓物件線條有規則性的搭建，所以嘗試將Smurf畫成三維立體的Pixel Style，展現Pixel的鋸齒帶來的無窮樂趣，這也是上述提到的「鋸齒才是王道」的原因。畫完儲存，可以選擇有透明背景的GIF檔或PNG檔，透明圖檔日後也好能活用。
 |
 |
 |
|
 |
|
 |
|
| 3D Smurf Head | zoom in 400% |
 |
| - Bonus - |