LOS @像素創作教學者
【像素問題集中串】
各位在像素創作上有特別不會或是覺得煩惱的問題,都可以這裡發問!

我會在我三年Pixel art創作資歷的能力範圍內回答的
華楓(๑- .-๑)zZ
畫布通常開多少比較好呢?以人物、小物、場景來論><
LOS @像素創作教學者
華楓(๑- .-๑)zZ : 好問題

一個大前提是,你的畫布本身想開多大就開多大!
(只要比你想畫的東西大上許多就行了)

1.人物
人物尺寸越大就可以畫得越精細(需要繪製的時間也相對長)
通常到150x150的話是需要表達超-精細質感的圖
視自己的能力還有想繪製的需求去決定
所以這點如果沒有想法的話,還可以舉例給我看說想要畫怎麼樣子的圖! 然後我會給個建議尺寸這樣!
(不過通常入門的話32x32-96x96以內都是不錯的選擇喔!)

2.小物 顧名思義就是感覺可以放在道具欄裡一類的物品,這個就簡單很多,通常16x16-32x32就足夠了,表現該物品的清楚形象即可 https://images.plurk.com/1vwdBK0bKsB5Q7KfOQR9OK.png

場景的部分我想再問一下是像怎麼樣子的呢? 是類似遊戲?還是給人物的背景?
雪精靈
我想要請教快速生產龍套的方法。
https://i.imgur.com/QhxmN7l.png
如果大量製作像這樣的人物作為背景人物的話,在複製貼上後,除了改頭髮衣服顏色、增加帽子之類的配件,有沒有什麼可以快速生產的技巧,可以用很少的步驟就讓人物看起來有較大的差異?
華楓(๑- .-๑)zZ
好詳細!!謝謝Los
背景的話,主要是給人物的背景!
LOS @像素創作教學者
雪精靈 : 如果是路人角色的話改顏色與增加配件,我覺得這樣就很夠了,然後看這張圖,應該會有個人物素體(就是光頭裸體的那種),所以我覺得可以藉由這種人物素體加上性別以及年齡的差異,例如說女性就是改成長髮,老頭子就加個白鬍子或者八字鬍、眼睛改成瞇著,老婆婆就是包包頭。

或者

你可以試試看使用這個角色生成器
■RPGツクールVX用素材/RPG Maker VX Material(JUNKHUNT)■
驀地🌈活俠錚好🍡
想問aseprite輸出圖片上傳臉書要怎麼設定,圖片才不會模糊?(我是都開48x48,有時候會放大到5倍,但看起來都會糊,GIF也是QQ)
LOS @像素創作教學者
華楓(๑- .-๑)zZ : 給人物的背景的話,我個人是喜歡藉由背景的小物件去凸顯人物所以會以人物的作畫尺寸中心點再多擴張個整體尺寸大小的1/3左右 (例如整體是48x48 就多四周都擴張個16px)

然後也推薦一個很棒的背景描繪法,不用照我上面的那個方式:
【簡単背景】ヴィネットイラストの描き方

這是さいとうなおき老師的方形背景教學

當然像素也能應用上來!
一個超棒的例子就是シロス大大畫的三位戴上王冠的公主
デフォルメ姫
你尿
請問有推薦的中文像素字體嗎?或是將中文字像素化的訣竅?最近是參考跑馬燈的字型與簡化方式但不知道有沒有其他方法,謝謝LOS!
LOS @像素創作教學者
驀地🌈活俠錚好🍡 : 這個的話,因為臉書上傳的圖片都會直接壓縮圖檔,我個人的習慣是像這個樣子
https://images.plurk.com/6oiECZbWjvjTx1cJLgKtdD.png

1.首先另開新檔,將主體放大200%之後,把"版面尺寸"(快捷鍵C)再放大兩倍 然後壓個背景
(例如純色背景、或是淺色的方塊交錯)

2.增加新圖層把原尺寸的主體貼過來放在左上方(不需要貼齊邊邊,只要在放大兩倍的左上方即可)

3. 打開格線(View -> Grid),我個人習慣把Grid的快捷建設成Ctrl+H(預設Ctrl+H只有關掉格線的功能)
然後按C微調版面尺寸

4.然後放大個400%-600%左右我想就沒問題了!

效果看起來會像這樣
Los-Muteki
LOS @像素創作教學者
你尿 :
繁體中文的話細明體的12pt就很有像素的感覺了
而真正的可商用繁體中文像素字體我也還在找,所以中文字我都是先在PS打好字之後貼上去Aseprite的圖上!

細明體12pt大概看起來像這樣子
https://images.plurk.com/1jVsEvisozI7cGbnRwURM7.png
LOS @像素創作教學者
驀地🌈活俠錚好🍡 : 至於gif的話我是擴張背景的版面尺寸(大概兩倍)再進行放大丟上FB,會壓縮品質真的蠻麻煩的
你尿
原來新細明體就可以!遠在天邊近在眼前的感覺,感謝解答
LOS @像素創作教學者
你尿 : 嗯嗯! 不客氣!
華楓(๑- .-๑)zZ
明白了!謝謝Los推薦
LOS @像素創作教學者
華楓(๑- .-๑)zZ : 不會!加油!
千生▶手感復健
分享一下繁體中文的像素字型,看授權條款是可以商用的
字言字語
LOS @像素創作教學者
千生▶手感復健 : 喔喔! 感謝分享
ザイワᰔᩚ ‎
噗主您好!不好意思突然來打擾您
這邊想詢問一下關於像素表符的問題!

請問能在這邊直接貼上自己畫好,並且已輸出到噗浪的表符詢問您嗎
LOS @像素創作教學者
ザイワᰔᩚ ‎ : 嗯嗯 可以
ザイワᰔᩚ ‎
LOS @像素創作教學者 :
感謝您的回覆

最近嘗試點了抱布偶的人物表符,但是布偶和人物的有點融合在一起、難以一眼看出想表達的動作感覺><


想詢問您有沒有什麼方法能讓它更清楚一些
非常謝謝您
LOS @像素創作教學者
ザイワᰔᩚ ‎ : ザイワᰔᩚ ‎ : 瞭解
布偶跟人物融合的部分我的解決方法是這個樣子:

可以做得像人物頭上那樣蝴蝶結的處理(有黑色的外框線)
https://images.plurk.com/4yHsNED4PpK3YDzcHvZJ5p.png
但是我在這裡幫布偶做的是深紅色的外框線,跟人物的外框線一樣(因為色調相近,所以就選了深紅色比較不會有違和感)
可以注意的另外一點是,布偶裡側,也就是臉與耳朵之間的分界線我沒有改成深紅色,所以我沒有動,也就是沒有跟人物直接接觸,所以不需要區別開

但是如果是一眼看出想要表達的動作 這點我還不太清楚是什麼意思,因為我個人看得出來是抱著布偶拋媚眼的動作
ザイワᰔᩚ ‎
LOS @像素創作教學者 :

非常感謝您詳細的回覆以及教學
這邊會好好記下來

動作的部分是因為滿多人都說需要看一下才能看得出來,所以自己才想說是不是很不清楚
真的很謝謝您的仔細回覆和教學

這邊有照您的教學更改了 真的很謝謝您!
LOS @像素創作教學者
ザイワᰔᩚ ‎ : 不客氣 有幫上忙那就太好了
一灘爛泥
不好意思,想問問LOS桑,Aseprit的問題
能夠將不同的兩個GIF檔案合併成一個嗎?
LOS @像素創作教學者
一灘爛泥 : 所謂的合併,指的是兩個不同的GIF分不同圖層疊在一起,還是一個GIF結束之後接另外一個呢?

因為上述兩者都可以做到,如果都不是的話,可以再多描述一些!
一灘爛泥
就是兩個檔案分別為AB

我打開A之後想再把B給放進去A該怎麼做呢?(各自有數幀可以做一個完整迴圈)
像是人家的委託完成圖,每一個都分別不同的檔案,但要怎麼讓他變成同一張這樣
我不太會形容QQ
LOS @像素創作教學者
一灘爛泥 :
Sprite-0002 - Aseprite v1.2.27-x64 2021-07-01 23-39-...
合併大概是像這個樣子,按著左鍵拖曳影格可以框選起來,然後開一個新圖層複製貼上
LOS @像素創作教學者
一灘爛泥 : 然後如果兩個檔案的版面尺寸都一樣大,然後位置剛好應該就不用調位置了
要調整的話,先用選取工具,也一樣框選起來影格再進行移動就可以調整整體位置了
一灘爛泥
受教了!!十分感謝,講解也很淺顯易懂QQQQ
因為才剛開始使用這個軟體,所以整個很不熟悉QQ
謝謝LOS桑
LOS @像素創作教學者
一灘爛泥 : 不客氣 祝你學得開心!
一灘爛泥
不好意思,我又來了,這次想問問LOS桑輸出的問題,使用Aseprite做了作品整合圖結果輸出gif會閃色,使用gif5輸出則是會雜訊

想問問有沒有什麼解決方法呢?
(顏色確定超過256色的話)
LOS @像素創作教學者
一灘爛泥 :
我個人有兩種解決方式,不過侷限於GIF的話,超過256色就一定會有色偏的情況產生,但是可以解決閃色與雜訊問題

1.將檔案先輸出成Webp檔後,再將webp另存成Gif檔
不過因為這點我不確定噗浪能不能上傳Webp檔,所以我多了一個轉存Gif的動作
--------------------
2.先將色票改成256色 https://images.plurk.com/2Cifd0Q5pP2Ttm481AtfeZ.png
https://images.plurk.com/2Ut36xwtHFdJThEnqjOQDH.png
然後把色彩模式變成 Indexed (索引色模式)後,再另存成Gif (如果你想保留原檔案的色彩資訊,建議可以另存後再做這個動作)
https://images.plurk.com/7pK6Av0J6hh5Asly6uHrpm.png
一灘爛泥
噗浪沒辦法上傳webp檔

然後我用webp檔轉存gif還是會閃爍,然後試了第二個方法閃爍不嚴重但是會掉色,這樣是不是還是拆開存比較好?
LOS @像素創作教學者
一灘爛泥 :
那我想我對Webp檔的轉存方式有誤解
(後來跑回去看自己之前用這個方式存的檔案確實還是有小閃色,不好意思)

對,因為索引色模式就是讓Aseprite自動選定顏色後代替掉
如果要保持原色,可能要拆開來比較好
一灘爛泥
我知道了,謝謝LOS桑!這樣比較複雜我拆開來
載入新的回覆