p/oje6iq

ಠ_ಠ

@anonymous

偷偷說

Thu, Sep 2, 2021 7:18 AM

1

ಠ_ಠ

Thu, Sep 2, 2021 7:24 AM

https://images.plurk.com/38GV9uqqOtuaaCopbeDVQP.gif

https://images.plurk.com/4C1HLDdhopOW8xyk6rrwaE.gif

https://images.plurk.com/5b1pfW0Lrq5YjSCA2FiOV9.gif

https://images.plurk.com/19GbniPdHUcsKIWyHHeYJ5.gif

https://images.plurk.com/30tKAFWsW58OJGeEPUbnJR.gif

https://images.plurk.com/uXfSzotywsIQmMwRQuAwP.gif

https://images.plurk.com/2uffCXRJNwIDblHxbDvcXm.gif

ಠ_ಠ

Thu, Sep 2, 2021 7:26 AM

garlic4679

Thu, Sep 2, 2021 7:28 AM

我來了

ಠ_ಠ

Thu, Sep 2, 2021 7:28 AM

garlic4679: 謝謝旅人

garlic4679

Thu, Sep 2, 2021 7:28 AM

想先問問看噗主覺得自己的圖不足的地方或想努力的方向大概如何？可以簡單敘述一下
我先大概看看每張圖的風格

ಠ_ಠ

Thu, Sep 2, 2021 7:30 AM

主要是覺得自己色塊呈現的方法不夠好
選色好像不夠明顯
還有動態的呈現方式也覺得好像少了什麼

ಠ_ಠ

Thu, Sep 2, 2021 7:31 AM

https://images.plurk.com/2O6cqSNAY8jogUAN0wTp1g.jpg

https://images.plurk.com/2QjWtjTC06Mhh8KLSLzcwE.jpg

https://images.plurk.com/2xhEDVZRxNHgmsfCjvniym.jpg

https://images.plurk.com/nr68bZBg4x7qn9j76Bw0t.jpg

對於背景方面比較不擅長
在做練習的時候沒有吸色的話
就覺得用色很奇怪

garlic4679

Thu, Sep 2, 2021 7:32 AM

動態部分跟顏色整體都算舒服順暢
另外有背景的像素人物與背景也不會太突兀，整體很配合

先講講顏色這塊，→主要是覺得自己色塊呈現的方法不夠好
其實噗主的圖算雙面刃，每張圖各自的主體都有很穩定的色調，但也會造成整體一致而導致澆點散落在整張人物上

garlic4679

Thu, Sep 2, 2021 7:34 AM

背景因為牽涉到繪者對於顏色跟環境的敏感度，這個後面談
顏色練習的方面可以給的建議是多使用RGB或HSV去拉顏色

https://images.plurk.com/4MXMFGlgYckIlcRhX3h11p.png

https://images.plurk.com/4HFl73JpU94QE9R35UfpLl.png

因為配色習慣要先了解自己選擇深淺色的習慣是從明度、還是彩度改變，我建議可以先使用這兩種方式去學習找其他顏色

garlic4679

Thu, Sep 2, 2021 7:35 AM

啊我這裡打字跟分析可能會比較久！！噗主如果有想補充詢問的也可以先講沒關係

ಠ_ಠ

Thu, Sep 2, 2021 7:37 AM

完全沒問題的！！！我會慢慢看的謝謝旅人

garlic4679

Thu, Sep 2, 2021 7:48 AM

關於學習色彩的方式如果有機會的話可以吸收一下色彩學的書籍等等的
比較重要的就是明度(明亮度)、彩度(飽和度)
尤其在像素中這兩個要素就會直接影響物體的立體感以及觀看的舒適度
噗主上面列的作品大多數都是高明度、低~中彩度，是看起來很舒服的風格，不過相對也會產生遺失重點的缺點

以上圖的樹來比喻，先說說挑選顏色、陰影
左方的樹會有點不和諧的原因大多是出現在
1.樹葉最深的陰影

https://images.plurk.com/3kBOozn6VPELYsPCeLB4mR.png

2.樹幹的主體顏色、陰影(這個問題反而不大)、亮點

https://images.plurk.com/6B80uhIdcxgJ3hy5WY6AWc.png

garlic4679

Thu, Sep 2, 2021 7:50 AM

https://images.plurk.com/40wNNSsvGvd4HAr5iT7KCf.png

這張是稍微整理過的圖，中間明度調整的部分比較能明顯看出樹幹的陰影其實會比樹幹本體深，不過在某些情境下這樣的上色方式是可以的
而樹葉色彩的部分很吃繪師對色彩的感受度，這個講起來太難了(靠邀)
簡單來說**有做出深淺，不過色環(顏色)的部分1(最淺)→2(中間)很好，但因此造成2(中間)→3(最深)反而略顯怪異

garlic4679

Thu, Sep 2, 2021 7:54 AM

如果用上圖HSV的調色方式來說，左方的樹在挑選色彩時是145(綠)→185(藍)→150(接近145)
顏色會接近跳回去，變深後夾在中間的藍色會顯得有點突兀
而右方圖為159(綠藍)→215(藍偏靛)→201(藍)
215和201雖然數值接近都是藍色，但他們之間的明度與彩度距離很大，所以能同時有共同性(藍色)以及區別(彩度明度差)

garlic4679

Thu, Sep 2, 2021 7:55 AM

不過色彩學要快速學起來很難~~大家都在學~~
所以像素上如果想添加陰影在物體上，我會建議就是靠色彩增值，然後去固定添加某種環境光的色彩(如淺橘、淺藍)這樣就不用自己挑顏色試很久，可以邊調整邊適應哪種色調最適合學習突破

garlic4679

Thu, Sep 2, 2021 8:05 AM

回到上面的例圖跟問題→選色好像不夠明顯
其實最適合的改法就是添加外輪廓線(如同上面噗主提供的玫瑰)
不過除了純黑以外也可以依照物體本體的顏色做改變：

https://images.plurk.com/5ZBpdraHnDC4MTKePWdOae.png

純黑不是不能用，有時候用起來也會很好看
應用在角色上大概會是這樣

https://images.plurk.com/3YB6IUYNYMcJDSujjt3AUy.png

garlic4679

Thu, Sep 2, 2021 8:10 AM

除了輪廓線(最外圍)，物體內部的線稿或者部分位置也可以適度改色
舉例來說左邊是線稿統一色的瀏海、右邊是在同樣的線條基礎上加上一些深淺色

https://images.plurk.com/4KaWm8IuCQmN7gCtQt7tEH.png

兩者的縮圖就會有比較明顯的差異，不過越迷你的像素就會越難在線稿上做改變，這點要注意

garlic4679

Thu, Sep 2, 2021 8:11 AM

選色的明顯度也攸關選了幾種顏色&選的這些顏色如何做明度/彩度變化，線稿會是比較好先修改的部分，其次才會是該在哪邊加入陰影

garlic4679

Thu, Sep 2, 2021 8:16 AM

https://images.plurk.com/64NZOTDmJe1zNAXfepVy.png

像素圖要增加整體的豐富度也很依賴一些微小的色塊，下圖紅框處就是遠看很難觀察到、但在縮圖上會一定程度影響整體樣貌的改變，簡單來說就是線稿與顏色之間有較明顯的差異、同時又不會過度突兀

garlic4679

Thu, Sep 2, 2021 8:22 AM

先總結一下選色的結論：
針對線稿可以放心去添加顏色，外輪廓線可以有效凸顯整體重點、內部線稿則為豐富整個人物的立體感
外輪廓線→一定要比本體深，可以依照本體的顏色跟環境光稍微修改，黑色也不是不行
線稿顏色→通常也會依照本體填色去改，建議是往淺色的方向(貼近填色)更改

色彩學的學習方式：
1.多用色彩增值輔助學習不是壞事，吸色可以只吸主體，打光、陰影的部分學著自己拉或者靠色彩增值、覆蓋、加亮配合不透明度修改
2.因為想要選色更明顯，所以可以稍微大膽一點嘗試一些與主色偏離一點的(例如主色紅，就選橘色或紫色)來上色看看
3.在練習選色前確保有複製過線稿跟填色，練習起來比較放心

garlic4679

Thu, Sep 2, 2021 8:34 AM

→色塊呈現的方法不夠好→會間接造成創作會侷限在單一方向、單一動作
這個部份我也會建議多看其他人的作品看人物如何呈現不同角度的方向，像素因為太小了，上面舉例的選色其實會很大程度的影響物體方向

如果噗主有查過像素教學應該會看過別人提起用色塊構圖，像素創作本旅人極力推薦學習用色塊構圖，在小畫面中你能有更多更廣泛的角度跟肢體可以繪製，而且色塊法在像素中不需要到很精確就能琢磨出大概的樣貌

https://images.plurk.com/5gRTiI79uo9jPb8ehCjLCO.png

garlic4679

Thu, Sep 2, 2021 8:38 AM

像素的構圖方式也很自由，我自己習慣色塊跟草稿(隨便一種筆)交替用
只要之後自己在磨出草稿就行

https://images.plurk.com/5gI2aGzMf5HnphgEGRs3aL.png

噗主可以想想自己適合哪一派(色塊or線條構圖)，然後嘗試看看繪製過去不常想到的大小跟方向，或許就可以摸出更多繪製小細節的巧思跟技術

garlic4679

Thu, Sep 2, 2021 8:41 AM

關於色塊構圖的結論：
1.噗主原本的畫風就很穩定，其實已經很好ㄌ，不過關於多角度、不同構圖的練習會建議多嘗試、多突破
2.以色塊構圖的方法在學習上很好用，也可以快速摸清物體結構，很推薦噗主嘗試
3.可以參考其他人的作品，噗浪上有許多優秀的像素創作者(他們好像也很常開台)，但除了噗浪上也可以多多去twitter或者deviantart找，外國的風格比較不一樣，不過對於學習很有幫助

garlic4679

Thu, Sep 2, 2021 8:48 AM

→動態的呈現方式也覺得好像少了什麼
動態製作首先會推薦噗主使用Aseprite這個軟體(製作上會方便超多

只是他功能也有點小複雜)
動態可以分成兩種要素，幀數(或者秒數之類ㄉ，當成播放速度就好)與動畫的呈現方式

1.播放速度
在噗浪上太快的像素很常被民怨(?)看不清楚，我個人認為不要太快(除非刻意為之)就好
最上方的例圖都算是適中的程度，而擁有背景的則算偏慢

2.動態方式
這個學問就會有點深，簡單說可以搜尋pixel art animation tutorial，會跑出很多外國人分享的教學

garlic4679

Thu, Sep 2, 2021 8:48 AM

以上面背景像素動畫為問題的話可以參考像這樣的：

https://imgs.plurk.com/QzP/gEq/ialdGKNVJmia0sw9Sz1AXmCoSDB_lg.gif

這張圖內的鳥飛行的軌跡剛好是一個弧形，只要能遵循這個弧形去更改主體的位置就能呈現出很流暢的像素動畫

garlic4679

Thu, Sep 2, 2021 8:56 AM

關於動態的結論：
1.建議用Aseprite或PS動畫製作，比較推前者
2.動畫的要素分為播放速度跟動態方式，有區分好圖層的狀態下透過Aseprite很好個別製作動態
3.想呈現的動態要看是移動還是物體本身的動作(兩者也可能同時存在)
移動遵循流線，動作就得自己構思(最普遍的例子就是起跟終要能循環，就從中間該有什麼關鍵動作去製作影格)

garlic4679

Thu, Sep 2, 2021 8:58 AM

目前能想到的大概就這些了！希望不會太混亂，噗主在想想有沒有哪邊不清楚的可以提出～

ಠ_ಠ

Thu, Sep 2, 2021 8:59 AM

真的非常感謝您這麼仔細與詳細的分析和教學
之後會嘗試看看用RGB或HSV去拉顏色畫看看的！沒有想過可以用灰階去確認顏色，以後練習完會試著用這個方法去確認哪邊比較有問題的！
選陰影的時候一直擔心調色太大會很奇怪，所以都不敢選差太多的顏色，我會再嘗試各種上色練習的
謝謝您分享從線稿豐富像素的方法，我會再去反覆練習的！
方向對我來說一直很困擾，正面以外的圖常常會大翻車（也覺得這是我動態沒有辦法做到更好的原因）
我有時候會去參考其他繪者的像素，他們在很微小的地方或是用色塊改變方向
倒是沒有想過可以找國外的參考，真的非常感謝分享
我有買Aseprite！他真的好方便，不過目前還在看教學摸索他的使用方法

ಠ_ಠ

Thu, Sep 2, 2021 8:59 AM

不好意思回覆的有點像同一個格式複製貼上