從零開始教你成為像素畫高手之一

編者按：最近像素畫在游戲設(shè)計、插畫設(shè)計等領(lǐng)域又有了逐漸回暖的趨勢，這或許是一種懷舊，或許是對其他設(shè)計膩味了。總之，現(xiàn)在是時候問一句：關(guān)于像素畫你知道些什么？如果你是像素畫小白，那今天從頭開始來學(xué)習(xí)吧！
 從太空入侵者到超級瑪麗，舊時代的游戲行業(yè)里好像像素畫這樣的藝術(shù)形式已經(jīng)廣為人知。就像當(dāng)年小時候我們玩游戲機時，我們沉浸在玩耍的快樂中，沒有悉心考量這樣的設(shè)計是怎么來的。如果你曾經(jīng)也像我一樣是個熱愛創(chuàng)作的小孩，那么在看英雄們揮刀砍倒怪獸時，你也萌發(fā)出要畫一張這樣的畫的想法吧？ 近些年來，像素畫在游戲設(shè)計、插畫設(shè)計以及其他媒體上又有了逐漸回暖的趨勢，這或許是一種懷舊，或許是對其他設(shè)計膩味了?？傊?，現(xiàn)在是時候問一句：關(guān)于像素畫你知道些什么？

像素畫有什么特點？
就我們所瀏覽的一切屏幕上的畫面而言：筆記本電腦、手機、ipad、PC……，它們都由像素構(gòu)成的。反而我們應(yīng)該這樣問一句：“那么什么又不是像素畫呢？”。它們是繪畫作品，它們也都是由像素組成，因此可以說所有的數(shù)字畫面都是像素畫。從技術(shù)層面上說這是正確的，而當(dāng)我們談到像素畫時，我們主要是在說應(yīng)用在游戲行業(yè)范圍內(nèi)的一種藝術(shù)形式。像素畫是一種在視覺上很明顯由一格一格像素拼湊而成的柵格化的藝術(shù)形式。一般而言，像素畫的組成單位比較小，和馬賽克以及十字繡非常類似。由小單位的獨立元素慢慢拼湊而成為一副藝術(shù)作品。 許多的圖形軟件都可以用來制作像素畫，只要這個軟件是可以用像素作為基本單位進行繪畫即可，例如windows自帶的畫圖工具就滿足這個條件，并且它也為windows的用戶所熟識。至于其他的軟件，如果沒有邊緣銳利的鉛筆工具和橡皮擦工具的話就不要考慮了。像素畫最重要的特點就在于它看上去構(gòu)造無論多么復(fù)雜，潤色無論多精巧細(xì)膩，它也沒有使用到諸如減淡、加深或形狀等工具。

需要使用到的技巧
上圖的像素畫里用到了云朵和窗戶的遞色以及工具輔助的漸變背景的技巧。 通常，像素畫里的色彩是受限的。在早期（也就是20年前），它的顏色范圍限定于游戲機和電腦屏幕的色彩范圍。如此，這種叫做“遞色”的技巧才會被采用。遞色就是利用兩種色彩的擺動交互來營造出自然的過渡色彩效果，而無需其他色彩的參與。創(chuàng)作者運用的模式可以是遞色的樣式或者遞色的密度，這完全取決于色彩過渡得是否自然。這種形式與繪畫中的點刻法非常類似。 如下圖中，雞蛋周圍的像素處理經(jīng)歷了抗鋸齒處理的過程。 另一個被使用的技巧叫做抗鋸齒處理，它可以讓一個游戲角色或一個物件與周圍環(huán)境或另一個物件過渡得更自然。由于藝術(shù)家們都追求整體效果，也許抗鋸齒處理并非一定要用不可。通常，抗鋸齒處理運用在需要從背景中重點突出的對象上，它讓主角從整體的繪畫風(fēng)格的作品中凸顯出來（例如玩游戲時），更容易被玩家認(rèn)出。 通常，這兩種技巧都可以手動制作，或者利用Photoshop中的工具輔助制作。當(dāng)像素畫被保存為PNG或GIF的格式（這是兩種最好的格式，由于JPEG格式有組件添加這樣很容易毀掉像素畫的品質(zhì)），Photoshop提供了有限范圍內(nèi)的色彩選擇，遞色和抗鋸齒處理或銳利邊緣。同時，你也可以在軟件里重新編輯圖片的大小，而又不損失其清晰銳利的邊緣。

他們說8位是說的什么？
上圖就是一個8位或叫做256色色板的例子。 像素畫的一個極大的趨勢就是在叫做8位設(shè)計中被用到，無論它是否真的只用到了8位。在像素畫中，8位是一個與顏色有關(guān)的信息。一個8位游戲機，就像任天堂游戲機只能出現(xiàn)256色。每種顏色由一組整數(shù)表示，那么8就是那時能被機器存儲下來的整數(shù)數(shù)量的最高位。當(dāng)時，顏色的情況就是由3位紅色，3位綠色，2位藍色所組成的256種顏色。有限附加到游戲里的顏色要依賴于將要存儲多少信息以及游戲卡盤的訪問量。雖然游戲機要展示大量的顏色和動畫，但是在游戲處理和運行時，有限范圍內(nèi)的設(shè)置就能加快游戲呈現(xiàn)的速度。 90年代初，像任天堂二代和世嘉五代這樣的游戲機已經(jīng)是16位，顏色范圍增加到了65536種。這樣就對游戲場景提出更高的要求：更柔和的漸變、更復(fù)雜的設(shè)計。隨著時代發(fā)展，游戲機和電腦已經(jīng)可以展示出32位圖像，3D渲染場景已經(jīng)占據(jù)主流，那些曾經(jīng)針對像素著色的藝術(shù)家們?nèi)缃裰氖堑投噙呅?。此外，技術(shù)逐年發(fā)展讓游戲畫質(zhì)發(fā)展也逐步加快。

什么是等距像素畫？ 這就要說到流行于80年代末街機時代的橫向卷軸游戲魂斗羅。你會注意到所有的角色都是側(cè)面，并且畫面中沒有消失點的存在。那時的游戲是完全沒有透視效果的。在80年代末到90年代初的超級瑪麗游戲也擁有相同的特點。此外，像塞爾達傳說：眾神的三角力量這樣的游戲里出現(xiàn)了從頭頂往下鳥瞰的視角，從高空位置往下凝視可以將建筑物一起盡收眼底。這就為圖像展示增加了維度，也增加了游戲中的角色，但是，整體看上去與后起之秀——3D渲染游戲比起來仍然顯得扁平。
上圖的左邊展示的是等距像素畫的基本構(gòu)成線條，而右邊是著色后的樣子。 當(dāng)有人提及一件像素作品為“等距”時，他們談?wù)摰钠鋵嵤瞧叫性煨偷念愋?，這種叫做“等距建模”的造型讓至少3/4的視圖畫面看上去更加精確。它的立體感不強，但也不如剛剛我們提到的遠景類型里的像素畫效果那般扁平。廣為人知的的等長像素畫的游戲是1982年的經(jīng)典游戲“Qbert”。雖然Qbert自己的角色是扁平的，但是他跳起來時候就能看到每個盒子的頂部和兩邊。在大部分對角設(shè)計中，Q*bert移動全靠這樣視圖來支持。

在非游戲設(shè)計中像素畫又有哪些用途？
雖然像素畫最廣泛的用途就是游戲行業(yè)，但在其他領(lǐng)域里，它仍然也是一種藝術(shù)形式。像素畫創(chuàng)作者們一般都被大家認(rèn)為是一群公仔大師，他們利用在游戲行業(yè)里的8位和16位的技術(shù)創(chuàng)作出公仔的身體，頭發(fā)，服裝以及數(shù)字作品里的圖標(biāo)。
從上世紀(jì)90年代末到本世紀(jì)初期都出現(xiàn)了很多這樣的網(wǎng)站，他們充斥著各種GIF動畫，圖標(biāo)，整個布局都是由像素畫藝術(shù)形式進行潤色。風(fēng)靡韓國的流行網(wǎng)站，例如iBravo和Sayclub讓用戶為他們自己的網(wǎng)絡(luò)形象購買組件，并且能和他人進行互動。 此外，網(wǎng)站上創(chuàng)建出的形象還能增加卡通公仔，用戶可以通過提前準(zhǔn)備好的公仔的服裝、配飾來制作一個公仔，將公仔展示到例如MYSPACE這樣的個人主頁上。
表情的形象化和可愛感最初都是通過像素的形式來表現(xiàn)的。為了達到這兩點，他們通常在早期的社會媒體、留言板和即時通訊里展示出它的特質(zhì)。例如心情，動作或其他肢體語言溝通。十五年前，小男孩的動畫圖標(biāo)就在AOL的即時通訊里大為流行。 90年代的電腦里的圖標(biāo)也是像素畫的。你的鼠標(biāo)指針，十年間并沒有任何改變，它仍然是非常簡單的像素畫的藝術(shù)風(fēng)格。非常有趣的是，再過了十年，大多數(shù)像素畫已經(jīng)為矢量圖形所取代。卡通公仔，網(wǎng)站圖標(biāo)，所有網(wǎng)站的布局甚至更多都是矢量圖形了，這也許歸因于多尺寸展示的需求，因為我們現(xiàn)在已經(jīng)有太多設(shè)備（電腦，筆記本，手機……）。

作為一門懷舊的藝術(shù)
撇開像素畫的實際運用不談，從那些我們童年玩過的游戲里吸取靈感，藝術(shù)家們創(chuàng)作出的插畫和其他的設(shè)計作品完全從藝術(shù)的角度出發(fā)。像素作品被放大，而每個像素格的邊緣保持了其精確度，通過這樣就創(chuàng)作出像馬賽克一樣的作品。而另外一種創(chuàng)作手法是在一個很大的繪圖平面中創(chuàng)作很小尺寸的對象，這種作品有點類似于“威利在哪里”這本書的風(fēng)格。無論哪種形式，都在很大程度上抓住了過去的藝術(shù)風(fēng)格。通過創(chuàng)作這樣的懷舊藝術(shù)作品，我們的互動平臺也跟著開始分享出來關(guān)于過去的一些回憶：游戲機，互聯(lián)網(wǎng)和早期的社交媒體。 或者，比起它的實用性而言，藝術(shù)家們也許僅僅是欣賞像素畫的外觀表現(xiàn)。它開始日漸流行起來，在服裝、配飾領(lǐng)域，目前又重新出現(xiàn)在了游戲平臺上。 或許你也許還沒有打算敞開懷抱接受它，但至少你知道這也是你童年時候的一部分。