Contents

如何製作像素藝術:終極初學者指南

像素藝術是一種數位藝術形式,誕生於在 8 或 16 位元電腦和視訊遊戲機的有限儲存空間上交流影像的需要。

生成像素藝術的做法有時被稱為“精靈”,它源自於“精靈”一詞——一種二維位圖,無縫地融入更廣泛的視覺環境中,通常是在視頻遊戲領域。

如果您渴望深入研究像素藝術領域,本指南將為您提供開始您的創意努力所需的所有資訊和資源。

像素藝術的基本工具

人們通常認為昂貴且先進的軟體程式將在藝術創作中產生卓越的效果;然而,這種觀念是錯誤的。藝術應用程式的選擇最終取決於個人喜好。 Android 和 iOS 裝置上都有大量出色的像素藝術工具,其中包括 Procreate 或 Tayasui Sketches 等選項,或者對於那些使用 Windows 作業系統的用戶,可以考慮使用 Microsoft Paint 等簡單的程式來開始他們的創意工作。

利用創新而不是依賴所使用的軟體才能真正發揮像素藝術作品的光彩。儘管簡化流程並緩解學習曲線的高效應用程式將是有益的,但在尋找理想的繪圖工具時,瀏覽各種選項可能會變得令人不知所措。在眾多替代方案中,Aseprite 作為一流的像素藝術創作平台脫穎而出,提供了在該領域取得成功所需的一整套功能。

/bc/images/tool-icons-for-pixel-art.png

在每天的努力達到頂峰時,創建像素藝術的基本先決條件可以概括為一組應在所選編程環境中可用的工具(因此必須確保軟體具有這些功能)。

鉛筆透過其在圖形設計環境中生成單一像素的能力,成為創建繪圖的基本藝術媒介。

被稱為「橡皮擦」的軟體工具旨在消除或消除使用者先前使用繪圖應用程式創建的圖形元素(通常稱為「像素」)。

滴管工具允許使用者從選定的像素中取樣和複製顏色,從而提供了在各種設計元素中重複使用所需色調的有效方法。

用均勻色調填滿空隙或容器的過程稱為「填滿」或「完成」。此操作可以在各種結構上執行,例如容器或表面,並透過引入新的視覺元素來改變其外觀。由此產生的效果通常具有視覺衝擊力,並且可以根據背景和設計選擇實現多種目的。

其他有用的資源包括選擇、線條、重新著色和旋轉實用程式。儘管不是必不可少的,但它們提供了與前面提到的工具所實現的類似的結果。

為了保持藝術作品的高精度,建議避免使用畫筆、模糊、漸層和任何其他可能損害您控制畫布上每個單獨像素的能力的自動化功能。

使用任何能夠控制遊標的設備就足夠了。觸控板和滑鼠都提供精確的操作,而圖形輸入板則提供對擴展移動的更好的控制。

你的精靈或畫布應該要多大?

在Sprite尺寸選擇中,不存在錯誤回應。然而,由於舊電腦系統在準確渲染這些尺寸方面的限制,通常會看到尺寸為 8 的倍數(2 的冪)(例如,8x8、16x16、32x32 等)。

我們建議以適度的方法開始,因為它可以快速獲得基礎知識。事實上,像素藝術的出現是由於藝術家考慮到技術的限製而希望優化像素和顏色的利用。

必要性往往會激發創新並迫使人們跳脫框架思考。當受到限制時,必須磨練最佳利用有限資源的技能。透過掌握在微小圖形元素(例如小精靈)的邊界內有效包裝複雜細節的藝術,人們可以隨後朝著適應更大尺寸的方向發展,同時保留其設計的細微差別。

/bc/images/typical-sprite-sizes.png

在為遊戲中的場景設計角色時,重要的是不僅要考慮它們的視覺外觀,還要考慮它們相對於整個遊戲環境的呈現比例。這可以透過仔細檢查角色精靈與其出現的螢幕之間的比例關係來實現。透過確定角色相對於周圍環境的大小,開發人員可以有效地傳達規模感和真實感,從而增強玩家體驗。

值得注意的是,現代顯示器的流行趨勢需要 16:9 的縱橫比,其中 16 個單位的水平跨度對應於 9 個單位的垂直尺寸。這項特徵在各種顯示器模型中都很常見,遊戲開發人員在設計專案時應考慮到此特徵。

在確定最終的解析度選擇時,通常的做法是先使用較小的畫布尺寸,然後在完成設計後放大到所需的較大尺寸。

/bc/images/guide-to-resizing-pixel-art.png

調整像素圖的大小時,建議使用整數值來調整大小,以保持清晰且準確的外觀。在開始創建過程之前,應仔細注意數學計算。

為了獲得 1080p 的分辨率,可以選擇使用寬度為 384 像素、高度為 216 像素的畫布,然後將其放大 500% 以進行顯示。

為了確保最佳的視覺質量,理想情況下應將縮放作為該過程的最後一步來執行。使用單像素工具時無意中進行縮放可能會導致像素比率不一致,最終導致不良的外觀。

精靈繪製過程

事實上,一旦畫佈在您面前展開,創意表達的潛力就沒有極限。其美妙之處在於,不存在單一的方法或方法論,因為每個藝術家都可以在這張白紙上走自己獨特的道路來實現他們的願景。

/bc/images/spriting-process.png

為了為您的努力奠定基礎,我提供了一份全面的指南,概述了啟動專案的系統方法。您可以自由地嚴格遵守此框架,省略某些認為適當的階段,或根據個人喜好和要求合併其他組件。

從粗略的草圖開始

要開始使用 Scratch 建立精靈,只需使用鉛筆工具,將其拖曳過工作區,就像在紙上繪圖一樣。對精度沒有要求;這個過程應該類似手繪草圖。

我們致力於解決合作初始階段可能出現的任何混亂。此時此刻,我們的首要目標是掌握您的概念的本質,並透過我們的工作有效地傳達它。

清理線條藝術

讓我們透過消除任何雜散像素來細化粗略輪廓,從而增強影像的整體外觀。

為了保持視覺連貫性和清晰度,消除破壞圖形元素連續性的單一像素或像素簇形式的任何不規則性非常重要。這種幹擾通常被稱為“鋸齒”,它對設計的平滑性和均勻性造成不必要的干擾。因此,必須努力消除數位影像中的鋸齒,以實現精美且專業的外觀。

/bc/images/guide-to-pixel-lines.png

有時,簡單的調整就可以解決沿著彎曲路徑過渡不均勻的問題。當線的一部分與其相鄰線的像素計數不一致時,就會出現一個常見問題,從而導致看起來不自然的反彈。為了實現無縫且具有視覺吸引力的漸變,在整個路徑中保持一致的像素寬度至關重要。避免將一系列像素包含在較大的元素中,因為這可能會破壞流程並導致視覺障礙。

雖然完全消除圖形中的鋸齒狀邊緣可能具有挑戰性,特別是在使用複雜的設計或複雜的形狀時,但人們應該盡可能地減少它們的出現。

介紹顏色

現在是時候取回你的水桶了,這是一種用於為你的精靈的輪廓圖片注入色彩的工具。

在過去,藝術家由於精靈的尺寸而受到限制。精靈的尺寸將決定其中可用的顏色數量。例如,如果一個精靈的尺寸為水平 16 像素 x 垂直 16 像素,那麼藝術家只能使用 16 種不同的色調。然而,技術的進步已經使這些限制變得過時。

創建有吸引力的配色方案需要了解色彩理論,因為它需要選擇彼此和諧相互作用的色調,同時考慮飽和度水平的差異以及明暗之間的亮度對比。對於那些不熟悉這些原則的人來說,組裝一個連貫的調色板可能會很有挑戰性。

如果您希望其他人為您思考,Lospec 是一個很棒的線上資料庫,其中包含現成的調色板。

添加細節、高光和陰影

事實上,這個階段代表了我們創造性努力的一個重要里程碑,因為在這裡,我們為二維插圖注入了必要的維度和深度,使它們充滿了有形的現實感。有了前面步驟建立的基礎,我們現在可以用一系列紋理細微差別、微妙的陰影技術和複雜的細節來修飾我們的構圖,為我們原本靜態的形式帶來逼真的品質。

渲染影像時,重要的是要考慮場景中燈光的放置以及它們如何影響物件的外觀。要創建逼真的陰影和高光,您可以先選擇主光源並使用它來指導您的著色決策。一般來說,離光源較遠的表面會比離光源較近的表面顯得更暗。然而,某些區域可能會接收來自光源的直接照明,導致它們相比之下顯得更亮或更亮。透過仔細定位和調整這些光源,藝術家可以實現一系列視覺效果並提高其作品的整體品質。

/bc/images/guide-to-shading-and-form.png

是否保持單色形式的線條畫或為其註入色彩的決定最終取決於個人品味和藝術方法。

保存你的藝術

考慮到要保存的內容,明智的做法是選擇支援大範圍均勻色調和半透明度的文件格式。對於沒有移動的靜態影像,儲存為可移植網路圖形 (PNG) 格式通常就足夠了。然而,如果視覺呈現包含運動,那麼採用圖形交換格式 (GIF) 可能會更合適,因為它能夠顯示動畫元素。最終,決定文件類型的最佳選擇的是準確表示數位創作的各個方面所需的特徵。

人們在使用 JPEG 檔案時應小心謹慎,因為它們是一種專門為具有顏色和細節無縫過渡的數位影像而設計的壓縮技術。

像素藝術:易學難精

像素藝術是數位插圖的一種形式,由於其基於網格的結構所施加的固有限制,它與傳統的數位繪圖不同。儘管存在這種區別,像素藝術與其他形式的視覺藝術(例如繪畫和素描)共享一些基本原則,使熟悉這些媒介的藝術家相對容易適應。透過持續的練習,個人可以磨練像素藝術的技能,並隨著時間的推移達到精通。