 |
| Prev ◀ Jeu-Pixel News ▶ Next |
 |
| 像素繪圖(1)：第一堂課 |
「該怎麼著手畫Pixel？」是一般對於Pixel Style作品感興趣，卻不知道如何開始的共同疑問。想要仿照著畫，也不曉得用什麼工具，甚至連Pixel是什麼都不清楚，那麼就先看看這篇吧！
 |
| 畫Pixel有時是一種堆馬賽克磚的概念 |
什麼是Pixel Style：
Pixel這字是Picture Element(圖像元素)組合而成的，隨著電腦產物的發展而誕生，中文為「像素」，是電腦影像的最小單位(px)。早期的電腦、電玩，畫面上的圖案都是鋸齒風，就連最先開創電腦使用者介面的蘋果電腦，無論是滑鼠指標、桌面圖示icon、清單列表、工具表單圖示等，都是鋸齒風格。
 |
| Mac電腦Icon的演變 |
不過近幾年的icon演變或是介面上，同樣隨著蘋果電腦帶領的風潮下，不再是鋸齒狀的簡陋圖案，做的非常有質感的圖示，這也是時代科技進步的象徵。
鋸齒狀風格就是所謂的Pixel Style，在早期的電玩上則俗稱為8位元，是以最粗簡、單調的點陣圖，帶點復古意味的圖示呈現，現在Pixel Style已成為像水彩畫、油畫、水墨畫等，一種作畫風格的展現，所以Pixel作品也常被稱作Pixel Art，只是有些人並不認同那是Art。
自己的接觸：
開始有電腦的時候，Windows的小畫家一直是我最愛使用的繪畫工具，但用了很久我還不知道原來小畫家就是創作Pixel點陣圖的工具，可惜我對Pixel的了解是到了2003年才開竅，雖然那還不是真正的創作開始。當時的網路已流傳許多Pixel高手的華麗作品，那些作品實在令人著迷，就這樣燃起學習Pixel畫法的慾望。看了許多網路分享的作畫方式，也慢慢玩些繪圖軟體試著上手，一開始是用一套專門畫icon的軟體Microangelo試玩，以下是當時的作品，看起來很鳥，卻是非常珍貴的學習紀錄。
 |
| 初次Pixel作品 |
Microangelo畢竟還是專門畫icon的，發揮空間有限，小畫家的介面則沒那麼靈活，最後選擇專業點的Photoshop試玩，接觸Photoshop後，那才是真正畫Pixel的開始。2006年5月，在行駛Pixel Art的路途上已是非常晚的，總是駕在先趨開闢的道路上，做自己無法開創新局的努力，有時覺得「也許Pixel Style快退流行了」，但只要電腦數位科技存在這世界，Pixel Style便永不停息，因為它是一種繪畫技巧，而不是什麼潮流品。自己使用的是Photoshop，所以接下來就以Photoshop來講解Pixel的繪圖基本技巧與概念。
著手製作方式：
一、設定作畫工具：選擇Photoshop的「鉛筆」工具。將鉛筆的筆芯調到最小「1px」，有了最基本的構圖基準，要畫一隻Pixel螞蟻都可以了。之後隨著構圖需求可以調整為3px、5px不等，不過PIxel就是要畫的細緻，所以有時根本不需調整，如果要大面積上色，用油漆水桶就好了啊！
 |
| 設定Photoshop的畫筆 |
 |
| 用1px畫出來的細膩度 |
二、設定擦拭工具：有鉛筆，一定要有橡皮擦的。1px的鉛筆當然就要用1px的橡皮擦來配合才行，不然會把其他畫好的地方一起擦掉，會欲哭無淚的。將橡皮擦的mode(模式)選擇於Pencil和Block都可以，Pencil是最佳的，因為可以調大小，而Block則是固定大小。
 |
| 擦子的Brush設定1px，並選Pencil模式 |
三、鋸齒線條運用：在構一張圖時，除了垂直平行直線，有時也需要其他角度，而要畫的好看，基本原則是「規律」。雖然部份線條看起來依然有鋸齒，但玩Pixel鋸齒是理所當然免不了的事，只是我們盡量讓它看起來不會那麼討厭。
 |
| 讓鋸齒線條好看的方式是規律 |
四、作畫技巧與步驟：以一支藍色小精靈(the Smurf)做為示範。直接用Photoshop的鉛筆模式描繪出藍精靈的輪廓，記得要新建一個圖層，不然畫在藍精靈的圖片上可就得重畫了。
 |
| Schleich的藍色小精靈樣本 |
 |
 |
 |
| 1. 草稿輪廓 | 2. 去掉多餘線條(紅色) | 3. 乾淨的線條形體 |
 |
 |
 |
| 4. 基本區塊上色 | 5. 增加色彩光澤度 | 6. 物件完工 |
上述的重點就是將多餘的線條擦掉，其他就是基本的繪圖功力。畫完儲存檔案，可以選擇具有透明背景處理的GIF檔或PNG檔。而我覺得Pixel好玩的地方是方便讓物件創作的更有規則性，所以把藍色小精靈嘗試畫成三維立體的Pixel Style，突顯Pixel的魅力。
 |
 |
 |
|
 |
|
 |
對Pixel有了基本認識後，Pixel其實就是那麼簡單的東西，還是得看自己如何去運用。我個人在Pixel繪畫上一些大大小小的體會，一時無法完全解說，會在後續編寫教學專題上，繼續為大家介紹不同情況的Pixel製作。
 |
| zoom in 400% |
 |
| ● Bonus ● |
