從技術的限制到獨樹一幟的美學,充滿魅力的像素藝術 (pixel art)

更新於 發佈於 閱讀時間約 3 分鐘

在網路或是社交平台上,時不時會看到由一塊塊色塊所組成的低解析度繪畫或GIF動畫,對我來說,每當看見這些作品時,總會洋溢著神祕的情懷,彷彿回到小時候,晚上拿起掌機偷打電玩的時光。

這些粒粒可見的方塊來傳達的視覺藝術,是從何而來?又為甚麼能帶給人們感動呢?


起源

過去約在西元2000年以前的遊戲美術,採用像素風格是不得已的限制,因為過去的顯示器解析度與計算機儲存空間較低,只能以少許的單位矩形來呈現圖案,一格填入一種色彩,這種點陣數位影像的最小單位,稱之為「像素(Pixel)

同樣的,色彩也有限制,從最早的黑白畫面,到彩色化初期的8色、16色,一直到現在全彩8-bit的256色階(256×256×256=16777216色),才讓畫面有更好的表現力。

精靈寶可夢/黃版(飛行與衝浪皮卡丘)

精靈寶可夢/黃版(飛行與衝浪皮卡丘)

早期經典電玩如《超級瑪利歐兄弟 Super Mario Bros.》( Nintendo,1985年)或是《精靈寶可夢紅/藍》( Gamefreak,1996年)都是從這些制約中所誕生出來的作品,遊戲製作者只能從有限的組合、顏色來描繪並傳達出遊戲裡的世界觀。

例如當時在《太空侵略者 Space Invaders》中,敵人角色僅僅是以11×8像素所呈現。

從輪廓上來看大概可以猜出敵人是一隻螃蟹( 雖然我之前一直以為是某種細菌… ),而後這一種螃蟹敵人的設計也逐漸成為電玩的代表象徵,而被大家所認識。


像素藝術

時至今日,影像大致上可以依圖檔格式的不同分成點陣( Raster )與向量( Vector ),而在點陣的影像格式中,再高清的數位影像如果不斷放大,也會看到一個個像素。

電腦繪圖也是,一般畫布的解析度( dpi,也就是每英吋可顯示的像素點數)在300~350之間就足夠作畫且不失真了。

那到底像素藝術的定義是什麼?其實,解析度多低才能歸類為像素藝術沒有一個明確的規定,大致上來說,只要改變少許像素就會影響整體的作畫想要表達的內容,就可以被稱為成「像素藝術」。


超越技術的限制

在現今的時代,仍然採用像素風格不僅僅是刻意的追求,在許多方面而言,還是非常困難且吃力的,因為充滿種種的限制,每一點像素該如何下筆都變得格外重要。

例如這一張芙莉蓮的像素畫( 64*64 ),我在作畫的過程就必須時不時放大縮小畫布、來回比對去判斷這些點能不能夠表達出特徵,就如同樂高積木一樣,透過少量的幾何形狀將複雜的型態轉為單純的表達,陰影的部分到底要用純黑色還是深藍色好,都需要來回斟酌。

這種高度注重特徵的作畫方式,簡單造型所帶給人的平易感,是現今許多遊戲,甚至獨立遊戲( Indie Game ),仍然採用像素風格作為遊戲美術定調的原因,雖然較向量風格困難,卻是對特殊美感的堅持,也持續吸引著觀眾們的目光。



About me (Shokle_art)

Instagram

Twitter



本文參考「像素百景:進入點陣圖藝術的世界」一書。



( Some contents, pictures of the collection site on the Internet, if there is nothing wrong with it over. For infringement, please contact me deleted )





留言
avatar-img
留言分享你的想法!
avatar-img
shokle 沙龍
23會員
17內容數
我是shokle ,平時喜歡畫畫、電玩,在這邊分享一些我所熱愛的事物。
shokle 沙龍的其他內容
2025/02/05
作為《薩爾達傳說》系列續作,《薩爾達傳說 智慧的再現》承襲了2D薩爾達俯視角箱庭世界的遊戲元素,只不過再歷經了38年後,薩爾達公主第一次擔任玩家操作的主角,終於在這一次海拉魯流氓——林克成為了被拯救的對象。
Thumbnail
2025/02/05
作為《薩爾達傳說》系列續作,《薩爾達傳說 智慧的再現》承襲了2D薩爾達俯視角箱庭世界的遊戲元素,只不過再歷經了38年後,薩爾達公主第一次擔任玩家操作的主角,終於在這一次海拉魯流氓——林克成為了被拯救的對象。
Thumbnail
2024/10/26
少女「春」在斑馬線面前醒來,遇見了會說話的紅綠燈「195」。失去閱讀能力和記憶的她,透過觸摸物品,似乎能夠讀取它們的過去。在紅綠燈的幫助下,她想起了與「老師」之間的對話,於是,無盡的黑夜中,開始了尋找老師的旅程...
Thumbnail
2024/10/26
少女「春」在斑馬線面前醒來,遇見了會說話的紅綠燈「195」。失去閱讀能力和記憶的她,透過觸摸物品,似乎能夠讀取它們的過去。在紅綠燈的幫助下,她想起了與「老師」之間的對話,於是,無盡的黑夜中,開始了尋找老師的旅程...
Thumbnail
2024/08/23
最近隨著P.A work 改編遊戲《天穗之咲稻姬》動畫的登場,我決定將塵封已久的遊戲再次打開,不但越玩發現越有樂趣,獨特的稻米養成要素與紮實的戰鬥打擊感,讓整體的遊戲體驗非常好,最後花了大概四十個小時將主線劇情全破。
Thumbnail
2024/08/23
最近隨著P.A work 改編遊戲《天穗之咲稻姬》動畫的登場,我決定將塵封已久的遊戲再次打開,不但越玩發現越有樂趣,獨特的稻米養成要素與紮實的戰鬥打擊感,讓整體的遊戲體驗非常好,最後花了大概四十個小時將主線劇情全破。
Thumbnail
看更多
你可能也想看
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
大家好,我是一名眼科醫師,也是一位孩子的媽 身為眼科醫師的我,我知道視力發展對孩子來說有多關鍵。 每到開學季時,診間便充斥著許多憂心忡忡的家屬。近年來看診中,兒童提早近視、眼睛疲勞的案例明顯增加,除了3C使用過度,最常被忽略的,就是照明品質。 然而作為一位媽媽,孩子能在安全、舒適的環境
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
我的「媽」呀! 母親節即將到來,vocus 邀請你寫下屬於你的「媽」故事——不管是紀錄爆笑的日常,或是一直想對她表達的感謝,又或者,是你這輩子最想聽她說出的一句話。 也歡迎你曬出合照,分享照片背後的點點滴滴 ♥️ 透過創作,將這份情感表達出來吧!🥹
Thumbnail
寫作的力量:超越影像與畫作的深度表達 在現代社會,照片和畫作作為視覺藝術的代表,常被用來紀錄和傳達特定瞬間的美好或情感。 每一張照片和每一幅畫作都是藝術家眼中的世界呈現。 它們以靜態的方式捕捉了短暫的瞬間,讓觀者能夠在無需言語的情況下感受到其內涵與情感。
Thumbnail
寫作的力量:超越影像與畫作的深度表達 在現代社會,照片和畫作作為視覺藝術的代表,常被用來紀錄和傳達特定瞬間的美好或情感。 每一張照片和每一幅畫作都是藝術家眼中的世界呈現。 它們以靜態的方式捕捉了短暫的瞬間,讓觀者能夠在無需言語的情況下感受到其內涵與情感。
Thumbnail
視覺層級並不侷限於平面設計,在用戶體驗及介面上更是一個重要的核心之一。視覺層級除了讓畫面的視覺編排更加精緻好看,更重要的功能是能讓畫面有效地被組織,讓觀者更容易理解。
Thumbnail
視覺層級並不侷限於平面設計,在用戶體驗及介面上更是一個重要的核心之一。視覺層級除了讓畫面的視覺編排更加精緻好看,更重要的功能是能讓畫面有效地被組織,讓觀者更容易理解。
Thumbnail
在這篇文章中,我們將帶領讀者深入探討數位圖片管理的核心——「連結影像」與「嵌入影像」的使用技巧。這是每位從事視覺設計、版面編排和數位藝術的創作者必須掌握的基本知識。在進行數位設計時,如何選擇這兩種不同的圖片處理方式,不僅關係到作品的最終呈現,還直接影響到工作流程的效率和靈活性。 追尋影像的軌跡
Thumbnail
在這篇文章中,我們將帶領讀者深入探討數位圖片管理的核心——「連結影像」與「嵌入影像」的使用技巧。這是每位從事視覺設計、版面編排和數位藝術的創作者必須掌握的基本知識。在進行數位設計時,如何選擇這兩種不同的圖片處理方式,不僅關係到作品的最終呈現,還直接影響到工作流程的效率和靈活性。 追尋影像的軌跡
Thumbnail
  最近遇到一些人想做音訊的合成,我回答他或許可以從圖像風格轉換中找到些靈感,我才突然想起我對於這部分的認知只止於知道他能做什麼及結果大概如何,對於內部訓練邏輯及結構並沒有認真的去了解,現在剛好趁此機會好好的學習一下。
Thumbnail
  最近遇到一些人想做音訊的合成,我回答他或許可以從圖像風格轉換中找到些靈感,我才突然想起我對於這部分的認知只止於知道他能做什麼及結果大概如何,對於內部訓練邏輯及結構並沒有認真的去了解,現在剛好趁此機會好好的學習一下。
Thumbnail
運用生成的AI圖像來激發視覺和創意,無論是生成素材、用在社交媒體上,這些圖像都能為你的的視覺帶來獨特的風格。
Thumbnail
運用生成的AI圖像來激發視覺和創意,無論是生成素材、用在社交媒體上,這些圖像都能為你的的視覺帶來獨特的風格。
Thumbnail
點陣圖 點陣圖是由許多方格像素組成的圖片, 因此我們常常在將圖片放大時會呈現像是馬賽克的狀況, 假設期望圖片越清晰那所需要的像素會較多個, 因此空間耗用量也相對較大。 常見的格式有: .JPG .PNG .GIF .BMP .TIFF等格式。 繪製程式碼: 向量圖 向量
Thumbnail
點陣圖 點陣圖是由許多方格像素組成的圖片, 因此我們常常在將圖片放大時會呈現像是馬賽克的狀況, 假設期望圖片越清晰那所需要的像素會較多個, 因此空間耗用量也相對較大。 常見的格式有: .JPG .PNG .GIF .BMP .TIFF等格式。 繪製程式碼: 向量圖 向量
Thumbnail
這一篇,是整理之前提到的,怎樣的程度,才是屬於「電腦繪圖」?
Thumbnail
這一篇,是整理之前提到的,怎樣的程度,才是屬於「電腦繪圖」?
Thumbnail
我们在熟练地使用另一种“写”的能力,可以理解成打字的能力,在屏幕上绘制并辨识的能力,并且真的创造出巨量的模拟物。
Thumbnail
我们在熟练地使用另一种“写”的能力,可以理解成打字的能力,在屏幕上绘制并辨识的能力,并且真的创造出巨量的模拟物。
Thumbnail
在網路上,不時會看到由一塊塊色塊所組成的低解析度繪畫或是GIF動畫,每當我看見這些作品的時候,都會洋溢著神祕的情懷,彷彿回到小時候,晚上拿起掌機偷打電玩的時光。這些粒粒可見的色塊來傳達的視覺藝術,是從何而來?又為甚麼能帶給人們感動呢?
Thumbnail
在網路上,不時會看到由一塊塊色塊所組成的低解析度繪畫或是GIF動畫,每當我看見這些作品的時候,都會洋溢著神祕的情懷,彷彿回到小時候,晚上拿起掌機偷打電玩的時光。這些粒粒可見的色塊來傳達的視覺藝術,是從何而來?又為甚麼能帶給人們感動呢?
Thumbnail
插畫是設計中不可或缺的元素,可以幫助設計更加豐富,吸引讀者的注意力。近年來,隨著網路的普及,越來越多插畫網站出現,提供免費或付費的插畫素材。插畫可以應用在各種設計上,例如:網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
Thumbnail
插畫是設計中不可或缺的元素,可以幫助設計更加豐富,吸引讀者的注意力。近年來,隨著網路的普及,越來越多插畫網站出現,提供免費或付費的插畫素材。插畫可以應用在各種設計上,例如:網站、App 的 UI/UX 設計、海報、宣傳品的設計、書籍、雜誌的封面設計或社群媒體的圖片設計以及產品包裝的設計
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News