今日教程｜像素畫(huà)工作流

今日教程｜像素畫(huà)工作流

今天整理的是一篇來(lái)自 2dwillneverdie.com 的像素畫(huà)教程，講的是像素畫(huà)工作流。

不管是畫(huà)角色、武器還是精靈，只要你是先畫(huà)線稿再縮成像素的，這套方法都能幫你少返工、保持手感。

原文鏈接：https://2dwillneverdie.com/tutorial/live-resize-real-time-pixeling-as-you-draw-line-art/[1]

幾個(gè)重點(diǎn)

• 用 4 階灰度 + 漸變映射，把線稿限制在最終像素會(huì)用到的灰階
• 開(kāi)第二個(gè)窗口縮放到目標(biāo)像素尺寸，實(shí)時(shí)看到線稿變成像素后的樣子
• 用系統(tǒng)放大鏡或 Virtual Magnifying Glass 盯著像素窗口，邊畫(huà)邊改，避免整張重畫(huà)

很多人（包括我）習(xí)慣先畫(huà)大尺寸線稿，再用灰階索引之類(lèi)的方法縮成像素。

流程沒(méi)問(wèn)題，但經(jīng)常遇到這種事：像素快修完了，發(fā)現(xiàn)某一塊怎么都不順——比如頭的角度不對(duì)、嘴巴在像素格里就是別扭、下巴的弧度怎么都擺不好。

最后只能回到線稿改幾筆，再重新縮一次、重新上色，心態(tài)很容易崩。

所以我就想：能不能在畫(huà)線稿的時(shí)候，就實(shí)時(shí)看到縮成像素之后長(zhǎng)什么樣？這樣哪里不對(duì)可以當(dāng)場(chǎng)改，不用等縮完才發(fā)現(xiàn)。

下面這套方法就是用 Photoshop 自帶的“多窗口 + 縮放”再配一個(gè)放大鏡，零插件搞定。

第一步：用 4 階灰度限制線稿

在 Photoshop 里像平時(shí)一樣起稿，我一般按最終精靈的 400% 畫(huà)，方便后面縮小。這一步的關(guān)鍵是：讓線稿只使用最終像素會(huì)用到的 4 個(gè)灰階。

這樣縮成像素后顏色數(shù)已經(jīng)控好，清理和上色都簡(jiǎn)單。

做法是用“漸變映射”圖層樣式（作者提的是 Dan Fessler 那套）：只選要的那 4 個(gè)灰，把漸變滑塊調(diào)準(zhǔn)、盡量拉成硬切，這樣畫(huà)的時(shí)候就不會(huì)冒出雜色。

自己做一個(gè) 4 灰階的映射。

畫(huà)的時(shí)候照樣用習(xí)慣的透明度、橡皮、涂抹，但顯現(xiàn)在畫(huà)布上的只會(huì)是這 4 個(gè)灰。

Step 1：在畫(huà)稿圖層上加上漸變映射，線稿就只呈現(xiàn) 4 階灰。

第二步：開(kāi)第二個(gè)窗口，縮到像素尺寸

接下來(lái)是核心技巧。對(duì)當(dāng)前文檔再開(kāi)一個(gè)窗口：窗口 → 排列 → 為 [文檔名].psd 新建窗口。兩個(gè)窗口是同一份文檔，所以一邊畫(huà)、另一邊會(huì)實(shí)時(shí)更新。

把新窗口挪到旁邊，把這個(gè)窗口的顯示比例縮到25%（如果你是 400% 起稿，25% 就是最終像素尺寸；而且 25% 是 Photoshop 會(huì)清晰顯示的縮放之一）。

這個(gè)窗口里的畫(huà)面，就是線稿“變成像素”后的樣子。在主窗口改線稿，這里會(huì)立刻更新。

Step 2：新窗口縮到 25%，就是最終的像素預(yù)覽。

但 25% 很小，肉眼不好看細(xì)節(jié)。

所以需要放大鏡：用系統(tǒng)自帶的放大鏡，或者Virtual Magnifying Glass（開(kāi)源、可便攜），把放大鏡對(duì)準(zhǔn)那個(gè) 25% 的窗口，你就能一邊在大窗口畫(huà)線，一邊在放大鏡里盯著像素結(jié)果，哪里不對(duì)馬上改線稿。

Step 3：用放大鏡對(duì)準(zhǔn)像素窗口，邊畫(huà)邊看。

Virtual Magnifying Glass 選“dynamic”模式，用鍵盤(pán) Ctrl+Alt+方向鍵移動(dòng)放大鏡，倍率和窗口大小在任務(wù)欄圖標(biāo)里調(diào)。擺好位置后，畫(huà)起來(lái)就會(huì)很順。

調(diào)整習(xí)慣：把“像素預(yù)覽”當(dāng)成流程的一部分

一旦習(xí)慣這個(gè)流程，在大窗口畫(huà)線、在放大鏡里看像素，不滿意就立刻改線稿，不用再整張重縮。

畫(huà)完后關(guān)掉放大鏡，對(duì) 25% 窗口截屏或?qū)С觯偷玫较袼貓D。

整個(gè)過(guò)程：大窗口畫(huà)線，小窗口實(shí)時(shí)顯示像素，用放大鏡檢查細(xì)節(jié)。

如果喜歡用低透明度慢慢疊線、或者本來(lái)就是“先想線再想像素”的人，這套會(huì)特別有用。

用漸變映射來(lái)畫(huà)會(huì)有點(diǎn)像在學(xué)一支新的筆刷，不一定每個(gè)人都能立刻上手，但可以只在一部分步驟里用：比如線稿定稿后再開(kāi)映射和雙窗口，只用來(lái)檢查細(xì)節(jié)是否跟像素格對(duì)齊。

建議線稿和上色分圖層，先搞定線再上色。

若 400%→25% 不順手，可以試試 200% 起稿、50% 預(yù)覽。

小結(jié)

這篇介紹的是 2D Will Never Die 的“實(shí)時(shí)像素化”技巧：用 4 階灰漸變映射 + 雙窗口 + 放大鏡，在畫(huà)線稿的同時(shí)看到像素結(jié)果，減少返工。

畫(huà)角色、武器、精靈，只要你是“線稿轉(zhuǎn)像素”流程，都可以試試這套，把角度和細(xì)節(jié)在縮圖前就調(diào)好，后面清像素會(huì)輕松很多。

參考資料

https://2dwillneverdie.com/tutorial/live-resize-real-time-pixeling-as-you-draw-line-art/: https://2dwillneverdie.com/tutorial/live-resize-real-time-pixeling-as-you-draw-line-art/