Pixel Drawing : First Class


Prev ◀ Jeu-Pixel News #3 ▶ 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