Mi F_米泡芙
3 years ago @Edit 3 years ago
【鼠娘餐廳Ⅱ│我流色塊心得分享】
https://images.plurk.com/7k5gEeAegFWe0BHSiIMaxc.jpg
或許算色塊、無線繪的教學吧
latest #47
Mi F_米泡芙
3 years ago
https://images.plurk.com/Ao4KPFpaG3HAEx7z5hye9.jpg
米琉說想偷渡進去,就讓他附身路人了(???)
Mi F_米泡芙
3 years ago
https://images.plurk.com/2i4metqPXuHqvOxpqW1p8h.jpg https://images.plurk.com/75eve1sbpz8tdYE1Wobitt.jpg
未裁全圖
Mi F_米泡芙
3 years ago
立即下載
Mi F_米泡芙
3 years ago
這次把過去TP接龍兩邊留白的部分補完
@Mi_Freemantle - 【 ∣鼠娘餐廳】原版+故事在這裡!
Mi F_米泡芙
3 years ago
這陣子被詢問到怎麼畫色塊,剛好整理一些心得出來,就用這張來記錄+解說一下!
Mi F_米泡芙
3 years ago
不知道自己的方法是不是主流,聽聞有人不了解怎麼繪製蠻訝異的

其實蠻常放過程和心得,但似乎沒有特別解說過色塊作畫過程,就趁這次做個講解!
Mi F_米泡芙
3 years ago
先說我的方法不是真理,只是我習慣又覺得好用的方法而已。

如果有人做法不一樣,歡迎分享你的方法&理性討論,也蠻想知道別人的方法!

很懶懶的做圖出來,文字配圖就好。
Mi F_米泡芙
3 years ago
Mi F_米泡芙
3 years ago @Edit 3 years ago
我流草稿色塊分法
Mi F_米泡芙
3 years ago @Edit 3 years ago
https://images.plurk.com/3beOSLoHyxemztwVXRmdrv.jpg
1.草圖/線稿

畫一張圖通常會先畫草圖或者線稿。

有時第一階段可能會比較草些,如果覺得物件、位子不夠清晰,可以再畫第二階段草圖。
https://images.plurk.com/1LtXo5hUPSl6p7ONVkDhQA.jpg

分色塊用的草稿/線稿我通常喜歡用邊界不會太明確的,下面會再解釋。
Mi F_米泡芙
3 years ago @Edit 3 years ago
https://images.plurk.com/6WdK6rYdNt3oBWvTgVOALA.jpg https://images.plurk.com/6XM2pqNTtixEl0oqTbaQ6i.jpg
1.5.配色

可以先進行配色,方便稍後分塊的取色。
這點看個人習慣,分好色塊再配色也可以。

(這次我在配色時稍微調整了一下構圖和畫布,並且增加路人。 )
Mi F_米泡芙
3 years ago
https://images.plurk.com/6KKmBJpvBchDPCfAkP99R0.jpg
2.分塊

有了草圖就可以進行分塊了!

https://images.plurk.com/IXk3qqj07eQhEgwjnOqgN.jpg
我習慣把細節和比例在色塊階段重整微調。

色塊選色上,相近色色塊可能會不清楚邊界,這時可以先用鮮豔色(如底綠、色塊大紅)分塊,邊界確認好後再套上正確的顏色。

色塊第一次分可能仍會有不太完善的部分,可以在上色前再次修飾。

對於我而言色塊可能比較類似精緻線稿吧。
Mi F_米泡芙
3 years ago @Edit 3 years ago
有人可能會好奇,色塊應該分多少個呢?大概幾個圖層呢?

看得色塊『全部』都分出來,一塊一個圖層。
這樣方便之後做任何調整與移動位子等。

如果覺得太多,可以把有點距離、同類型的色塊分在一個圖層。方便好找就好,距離遠也避免上色打架。

上圖為了方便閱讀出色塊數量與拆分方式,把相近色色塊做異色,可以試著算算看。

-

另外我自己會盡量用前後關係去分色塊,相連的部分大部分時會也會因前後關係拆解

如這白髮女子拿筷的手,為了方便筷子能做調整,拇指與手掌是拆開的。而筷子與炸蝦,也是為了方便調整做了前後排序。

拿炸蝦手的圖層順序為:
(底)手掌▶筷子1▶炸蝦▶筷子2▶拇指(頂)
Mi F_米泡芙
3 years ago
https://images.plurk.com/2mVbJEAB1uy1Hfral6jgSi.jpg https://images.plurk.com/2i4metqPXuHqvOxpqW1p8h.jpg
3.上色

色塊都分好,接著就看你想怎麼上了。
都上好色後可以加入特效,如燈光效果、高斯模糊、移動模糊之類。

https://images.plurk.com/372fJGolqcMHutWpLg6Lwp.png
我通常會使用資料夾搭配遮色片或建立遮色片,讓每層的上色都獨立分開。

這麼做上色圖層能單獨被完整保留,讓你微調色塊形狀時不會還需要補塗增加區域後,原範圍外沒上到的顏色。

上色階段色塊可能仍會進行微調,這時每個色塊都分開圖層就很方便做更改。色塊圖層放進資料夾,則是方便在裡面加入髮絲一類圖層。

我自己覺得這樣好改也方便有邏輯。缺點就是檔案真的很大。
Mi F_米泡芙
3 years ago @Edit 3 years ago
當然上色也可以選自己喜歡的方式就好。

另外如果需要勾勒線條(如手指間的縫隙線、衣服上的皺摺線),我習慣在上色階段加上去,並且是加在單層色塊的範圍內(資料夾)。
Mi F_米泡芙
3 years ago @Edit 3 years ago
-
Mi F_米泡芙
3 years ago @Edit 3 years ago
Mi F_米泡芙
3 years ago @Edit 3 years ago
過程大致解說完畢!不知道還有沒有其他疑惑呢?
下面紀錄一下被問到的一些問題,和我流答案。
Mi F_米泡芙
3 years ago @Edit 3 years ago
Q:為什麼精細的線稿不方便拿來分色塊呢?
Mi F_米泡芙
3 years ago @Edit 3 years ago
A:這題可以拿出公開過的和阿絳的交換繪來解說。

https://images.plurk.com/WIRmAzf6TCeDGr2jF2UE7.jpg https://images.plurk.com/oRQ2yiDHZhPMsy7gdyVN9.jpg
那次分別釋出了◀線稿∣色塊▶完成。
(註明一下這是和阿絳討論過後、合作幾次調整後,專門為了色塊製作的線稿,可以從這張看色塊是怎麼分的)
Mi F_米泡芙
3 years ago @Edit 3 years ago
https://images.plurk.com/5g09hlni9eVw0wKbahSqSo.png
從這塊頭髮來說

https://images.plurk.com/LeWF0Owj9qPJvdU9uTsnQ.png
色塊的區域應該填到哪了才正確、又不會造成造形失真的呢?

⑴藍色——包含所有線稿的區域
⑵黃色——線稿以內的區域
Mi F_米泡芙
3 years ago @Edit 3 years ago
https://images.plurk.com/3C2hBJZvpmrMVhjstvjq7g.png
公布答案,是
⑶綠色——線稿中間的位子
Mi F_米泡芙
3 years ago @Edit 3 years ago
實際分塊時,很多時候色塊需要取在線著中間(綠色),形狀比較不容易跑掉。但仍會有不一定的時候。

像臉的線有時候要盡量選黃色(線以內的)
有些物件要藍色(到線段最外)

一開始就畫明確的線時這些部分的界定會有點麻煩,所以色塊我覺得線稿不適合用太明確的。
Mi F_米泡芙
3 years ago @Edit 3 years ago
不確定別人的情況,我第一次分色塊(消線時),是直覺的將色塊畫到⑴藍色,然後畫好的東西就會變超胖
反之黃色有可能會太瘦。
Mi F_米泡芙
3 years ago @Edit 3 years ago
檢查了一下確定這張我沒偷懶,這兩張如果前後看的話,能看出——
臉的色塊選在線內⑵黃色
頭髮選在線外⑴藍色
而比較精緻的畫法會調整到線稿中間⑶綠色這樣
Mi F_米泡芙
3 years ago @Edit 3 years ago
Q:我比較習慣畫線稿,有沒有怎麼樣的線稿比較適合分色塊呢?
Mi F_米泡芙
3 years ago @Edit 3 years ago
A:上面和阿絳那張是我個人目前覺得最合適的方式。

固定粗細的線,將色塊區域一一圈線,每個封閉色塊都一個圖層,畫好之後就能很方便的填色分塊!

看過上述解說,可以了解為何精緻的線稿不太方便界定色塊區域。但如果一定要畫的話,我建議越細越好,細線劃分,色塊取出比較不會失真。

或是畫如上圖統一粗細的線稿,能方便界定線稿中線的位子。(有粗細變化的線稿區域會更難以界定)
Mi F_米泡芙
3 years ago @Edit 3 years ago
想想跟AI路徑差不多
https://images.plurk.com/2IxQgAWIuFvc3jac0s7wYX.png https://images.plurk.com/7cBrLZZ9ocL3IU0XiaaaZC.jpg
https://images.plurk.com/4CXYeVRSzWrUED3SvAipMZ.png https://images.plurk.com/3RplrmqzmIACIlqdULflIh.jpg
https://images.plurk.com/7umoiaHVsy6HrVZn7dz3iI.png https://images.plurk.com/71nE2eMMmvQH0ap4jzahWw.jpg
Mi F_米泡芙
3 years ago @Edit 3 years ago
Q:所以線稿不做絕對,而是用色塊來做判定點嗎?
Mi F_米泡芙
3 years ago @Edit 3 years ago
A:如果要畫出好看的色塊,我覺得是。

線稿不要太明確,比較好抓出色塊的比例。

線稿也不一定要很草很草,可以用雜線比較多時期的線(線不會太明確),那時色塊就能很好分了。
Mi F_米泡芙
3 years ago @Edit 3 years ago
覺得可以這樣說:
「好看的線稿≠適合拿來分色塊」
Mi F_米泡芙
3 years ago @Edit 3 years ago
Q:有沒有更多交界處分塊的範例?
Mi F_米泡芙
3 years ago @Edit 3 years ago
A:上次的夏日海灘也是色塊,不知道有沒有人發現。

⑴厚塗系色塊
https://images.plurk.com/1dNkDHIVV3pWn93SNgEdc2.png https://images.plurk.com/4PyqkTtB8NpDnudErMgaJY.png
為了能畫方便畫/調整完整內衣和手之下的皮膚,把手這樣拆下來。
https://images.plurk.com/3D8auN0tTCE6GojNhuYNBI.png
交界處用漸層的比較好處理。

也可以最後從最上面塗顏色蓋,但我不喜歡這樣做。
Mi F_米泡芙
3 years ago @Edit 3 years ago
⑵AI風色塊
https://images.plurk.com/6WUqvqvemrnHoWkoe9Sa8D.png https://images.plurk.com/3OU14RFZnzKaQrkuwgPbYy.png
之前蘇星這張手跟裙子是這樣拆的。

AI風色塊我會考量比較多交界處的位子,除了考量好移動調整,許多地方也會為了讓交界處上色好看、上色方便而進行拆分。

基本上AI風分塊通常會比厚塗系分更多塊。 https://images.plurk.com/5Kn2kJ0fugB1lh87CpDgh1.png
Mi F_米泡芙
3 years ago @Edit 3 years ago
非分色塊相關問題
大概算畫風問題
Mi F_米泡芙
3 years ago @Edit 3 years ago
Q:畫像首噗這種繪本風(?)的色塊圖有什麼重點嗎?-
Mi F_米泡芙
3 years ago @Edit 3 years ago
A:

⑴材質
為了營造一點手繪的感覺,我用帶有筆觸的筆刷。

⑵邊緣
可以做出不規則的材質邊緣,帶出手繪感。
太規則容易像AI製圖(電腦製圖感)

⑶物件、人物比例
在物件與人物比例上做了一定的簡化、Q版化。
我認為簡化是這種風格的一大重點。

⑷透視
刻意失真的透視。 不是說一點要特別歪之類的,只是有些失真會比較有這種風格的美。
Mi F_米泡芙
3 years ago @Edit 3 years ago
Q:如果想畫AI那種圓滑邊緣呢,還有辦法搭配手繪感嗎?
Mi F_米泡芙
3 years ago @Edit 3 years ago
A:那可以試著上點材質

青春
https://images.plurk.com/2cs9oNd2QOL8mMCxuOfIoJ.png

⑵或是上色時使用筆觸筆刷
https://images.plurk.com/DZa3DGwA80peRFUCalIEu.jpg https://images.plurk.com/18yiMXLxz7GxTukdZGwkag.jpg
△這張是實驗,沒有很成功
https://images.plurk.com/5flrhltFQMle2NWbfsI8cp.gif

⑶使用材質筆刷還是覺得手繪感不夠,也可以試著上點材質
https://images.plurk.com/xLQ7atlUtzwdKy4DGLvUh.jpg https://images.plurk.com/1DDkSzDRQ4XvEADLP3VV92.jpg
Mi F_米泡芙
3 years ago @Edit 3 years ago
Mi F_米泡芙
3 years ago @Edit 3 years ago
分享完了 不知道對好奇的人有沒有幫助
看完有什麼想法歡迎跟我說

其實會想是不是大家都知道,一直覺得大家應該都知道,聽聞有人不了解時非常意外
Mi F_米泡芙
3 years ago @Edit 3 years ago
如果有什麼其他疑問歡迎告訴我,也蠻好奇大家看色塊圖時會好奇什麼的
Mi F_米泡芙
3 years ago @Edit 3 years ago
像是得知原來有些人上色時,上色色塊不是依照前後關係分的 這點真的非常驚訝

大家的做事方法果然都會不太一樣呢
Mi F_米泡芙
3 years ago @Edit 3 years ago
Q:線稿確切收在哪裡?
Mi F_米泡芙
3 years ago @Edit 3 years ago
A:圖層範圍內。
https://images.plurk.com/61aUHjDSD00qv1zl49trfR.png
Mi F_米泡芙
3 years ago
Q:分色塊範例。
Mi F_米泡芙
3 years ago
A :突然想起來其實線稿畫圖我也蠻常這麼做的
https://images.plurk.com/30XVBL0OU1fXBaTM5eum98.jpg https://images.plurk.com/5JFEx28bFPf86Vj5oyXEsb.jpg https://images.plurk.com/41TE66oKBw5tBMPPK1vUMF.jpg
https://images.plurk.com/25fdmsMnW5axYV6SzRyPIY.jpg
back to top