การRecolorด้วยpaint
------------------------------------------------------------
Screenshot :

------------------------------------------------------------
ขั้นตอนการทำ :
[hide]
(1) ขั้นตอนที่หนึ่งเลือกภาพครับ..

1.2 เลือกตามใจชอบเลยครับ ส่วนผมขอเลือกนายแบบแห่งปี...

(2) เลือกเสร็จก็ zoom เลย แล้วเพิ่มพื้นที่ภาพครับ ความกว้างความยาวละ 1px ให้ได้ประมาณในรูป

(3) แล้ววาดกรอบไว้เหมือนในตัวอย่างครับ เพราะมันจะมีประโยชน์ในตอนหลังๆ

3.2 เอาไฟล์ที่จะเปลี่ยนสีกด Ctrl+A (Select All) ครับแล้วกด Ctrl+X (Cut)
3.3 แล้วมาวางในไฟล์ใหม่ (ให้เปิด paint มาใหม่เลย) แล้วเพิ่มพื้นที่ให้นายแบบอีกท่านไว้ด้วยครับ

(4) ปิดไฟล์ ไม่ต้องเซฟ

(5) เปิดอีกภาพครับ ไอ้อีกภาพที่เปิดนี่คือสีต้นแบบที่จะเอามาเปลี่ยนสีนะครับ
ตัวอย่างผมจะเปลี่ยนสีผมให้นายแบบแห่งปีคนนี้เป็นสีเขียว ก็เลยเอาสีผมไอ้ตัวนี้มานี่แหละ

ใครจะเปลี่ยนสีส่วนไหนก็เลือกไฟล์(สี)ต้นแบบเลยครับ
(6) เอามาวางในพื้นที่ของนายแบบแห่งปีครับ (sprite ที่จะเปลี่ยนสี)

(7) เหมือนขั้นตอนที่4 ปิดไฟล์ ไม่ต้องเซฟ (อันนี้คือไฟล์ต้นแบบสี)

(8) ซูมเข้าไปเยอะๆ แล้วดูดสี
คลิกซ้าย ดูดสีที่จะเปลี่ยน แล้วคลิกขวา ดูดสีต้นแบบที่จะมาเปลี่ยน
ต้องดูดให้ได้สี foreground เป็นสีเดิม (สีส้มของหัวFighter1) background เป็นสีใหม่ (สีเขียวของหัวCleric1)

(9) เลือกยางลบ (Eraser Tool) แล้วกด Ctrl กับ + (ถ้าเป็นWinXP) แต่ถ้าเป็นWindows เก่ากว่าXP ให้กด + เฉยๆก็พอ
ให้ได้ใหญ่ประมาณ บังFighter1 ได้ทุกตัว แบบตัวอย่าง

(10) ลบโดยใช้ เม้าส์ขวา นะครับ ย้ำว่า้ เม้าส์ขวา
แล้วก็........... เดี๋ยวก่อน..
ผมเห็นปัญหา!!

ทำไมสีชุดเกราะมันเปลี่ยนไปด้วย!?
อ๋อนั่นก็เพราะสีหัวFighter1 กับชุดเกราะของเขามันใกล้เคียงกันน่ะสิ เลยทำให้เปลี่ยนสีชุดเกราะไปด้วย
เพราะฉะนั้น............
(11) ลดขนาดยางลบ (Eraser Tool) ทำกลับตรปัตรกับตอนเพิ่มขนาดเปลี่ยนเป็น - แทน
ให้บังแค่หัวดังตัวอย่างก็พอแร้น~~

(12) เอาละ ดูดสี ดูดสี ลบ(เม้าส์ขวา) ลบ(เม้าส์ขวา) ทำไปทำมา ได้ประมาณนี้แล้ว

12.2 ทำต่อไปเรื่อยๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
อ๊ะ
เริ่มเห็นเส้นชัยละ

ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
........................
เรื่อยๆ
เรื่อยๆเรื่อยๆ
เรื่อย.. Zz..
ZZ......
ZZZZZZZZZZZZZZZZZZZZZZZZZ...........
เฮ้ย! อย่าหลับ!!
ตื่นมาดูผลก่อนดีกว่าครับ

อ้าว เสร็จแล้ว เตรียมเอาไปใช้ในเกม
(13) ให้ลดพื้นที่ภาพให้ได้เหลือประมาณในรูป

(14) เอาละลดขนาด ให้แน่ใจว่ามันเหลือขนาดเท่ากับ sprite ตอนแรก ซึ่งในที่นี้คือ 192x128 สังเกตุที่มุมขวาล่างของโปรแกรม paint

(15) เรียบร้อยเตรียมเซฟไปใช้

ลงชื่อเรียบร้อย กดคลิ้ก!
ได้แล้ว!!!

(ภาพนี้เซฟไปใช้ได้)
แต่ผมกลัวว่าพื้นหลังเป็นสีขาว เดี๋ยวตอนไปใช้ในเกมมันจะเกิดการโปร่งใสที่ๆ ไม่อยากให้มันโปร่งใสด้วย
จึงต้องเปลี่ยนสีพื้นหลัง ด้วยวิธีเดียวกับตอนเปลี่ยนสี sprite .........แล้วมันก็เสร็จ..............~

เอาล่ะ เซฟเสร็จ เอามาใช้........

(ภาพนี้เซฟไปใช้ได้)
ลองดูในเกมซิ..

เอ.. ไวยากรณ์มันเพี้ยนๆนา แต่ช่างเหอะ
หมดแล้วครับ ......... เหอๆ แต่เดี๋ยวก่อน..?
เอาไอ้พวกนี้ไปก่อน..









อ้าวลืมให้ Tilesets

ผมยังลืมอะไรอีกรึเปล่า?
-----------------------------------------------------------
Tilesets ใหม่ครับ

เพิ่มดอกไม้เปลี่ยนสี อยู่ท้ายๆครับ สังเกตุดีๆ ถ้าไม่ตาบอดก็เห็นครับ
แล้วตอน import ไฟล์ต้องเลือก transparent color เป็นสีพื้นหลัง
แล้ว semi-transparent color เป็นเงาครับ ดังรูป

[/hide]
Credit : CeroV.3
ที่มา : thaiware
------------------------------------------------------------
Screenshot :

------------------------------------------------------------
ขั้นตอนการทำ :
[hide]
(1) ขั้นตอนที่หนึ่งเลือกภาพครับ..

1.2 เลือกตามใจชอบเลยครับ ส่วนผมขอเลือกนายแบบแห่งปี...

(2) เลือกเสร็จก็ zoom เลย แล้วเพิ่มพื้นที่ภาพครับ ความกว้างความยาวละ 1px ให้ได้ประมาณในรูป

(3) แล้ววาดกรอบไว้เหมือนในตัวอย่างครับ เพราะมันจะมีประโยชน์ในตอนหลังๆ

3.2 เอาไฟล์ที่จะเปลี่ยนสีกด Ctrl+A (Select All) ครับแล้วกด Ctrl+X (Cut)
3.3 แล้วมาวางในไฟล์ใหม่ (ให้เปิด paint มาใหม่เลย) แล้วเพิ่มพื้นที่ให้นายแบบอีกท่านไว้ด้วยครับ

(4) ปิดไฟล์ ไม่ต้องเซฟ

(5) เปิดอีกภาพครับ ไอ้อีกภาพที่เปิดนี่คือสีต้นแบบที่จะเอามาเปลี่ยนสีนะครับ
ตัวอย่างผมจะเปลี่ยนสีผมให้นายแบบแห่งปีคนนี้เป็นสีเขียว ก็เลยเอาสีผมไอ้ตัวนี้มานี่แหละ

ใครจะเปลี่ยนสีส่วนไหนก็เลือกไฟล์(สี)ต้นแบบเลยครับ
(6) เอามาวางในพื้นที่ของนายแบบแห่งปีครับ (sprite ที่จะเปลี่ยนสี)

(7) เหมือนขั้นตอนที่4 ปิดไฟล์ ไม่ต้องเซฟ (อันนี้คือไฟล์ต้นแบบสี)

(8) ซูมเข้าไปเยอะๆ แล้วดูดสี
คลิกซ้าย ดูดสีที่จะเปลี่ยน แล้วคลิกขวา ดูดสีต้นแบบที่จะมาเปลี่ยน
ต้องดูดให้ได้สี foreground เป็นสีเดิม (สีส้มของหัวFighter1) background เป็นสีใหม่ (สีเขียวของหัวCleric1)

(9) เลือกยางลบ (Eraser Tool) แล้วกด Ctrl กับ + (ถ้าเป็นWinXP) แต่ถ้าเป็นWindows เก่ากว่าXP ให้กด + เฉยๆก็พอ
ให้ได้ใหญ่ประมาณ บังFighter1 ได้ทุกตัว แบบตัวอย่าง

(10) ลบโดยใช้ เม้าส์ขวา นะครับ ย้ำว่า้ เม้าส์ขวา
แล้วก็........... เดี๋ยวก่อน..
ผมเห็นปัญหา!!

ทำไมสีชุดเกราะมันเปลี่ยนไปด้วย!?
อ๋อนั่นก็เพราะสีหัวFighter1 กับชุดเกราะของเขามันใกล้เคียงกันน่ะสิ เลยทำให้เปลี่ยนสีชุดเกราะไปด้วย
เพราะฉะนั้น............
(11) ลดขนาดยางลบ (Eraser Tool) ทำกลับตรปัตรกับตอนเพิ่มขนาดเปลี่ยนเป็น - แทน
ให้บังแค่หัวดังตัวอย่างก็พอแร้น~~

(12) เอาละ ดูดสี ดูดสี ลบ(เม้าส์ขวา) ลบ(เม้าส์ขวา) ทำไปทำมา ได้ประมาณนี้แล้ว

12.2 ทำต่อไปเรื่อยๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
อ๊ะ
เริ่มเห็นเส้นชัยละ

ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
........................
เรื่อยๆ
เรื่อยๆเรื่อยๆ
เรื่อย.. Zz..
ZZ......
ZZZZZZZZZZZZZZZZZZZZZZZZZ...........
เฮ้ย! อย่าหลับ!!
ตื่นมาดูผลก่อนดีกว่าครับ

อ้าว เสร็จแล้ว เตรียมเอาไปใช้ในเกม
(13) ให้ลดพื้นที่ภาพให้ได้เหลือประมาณในรูป

(14) เอาละลดขนาด ให้แน่ใจว่ามันเหลือขนาดเท่ากับ sprite ตอนแรก ซึ่งในที่นี้คือ 192x128 สังเกตุที่มุมขวาล่างของโปรแกรม paint

(15) เรียบร้อยเตรียมเซฟไปใช้

ลงชื่อเรียบร้อย กดคลิ้ก!
ได้แล้ว!!!

(ภาพนี้เซฟไปใช้ได้)
แต่ผมกลัวว่าพื้นหลังเป็นสีขาว เดี๋ยวตอนไปใช้ในเกมมันจะเกิดการโปร่งใสที่ๆ ไม่อยากให้มันโปร่งใสด้วย
จึงต้องเปลี่ยนสีพื้นหลัง ด้วยวิธีเดียวกับตอนเปลี่ยนสี sprite .........แล้วมันก็เสร็จ..............~

เอาล่ะ เซฟเสร็จ เอามาใช้........

(ภาพนี้เซฟไปใช้ได้)
ลองดูในเกมซิ..

เอ.. ไวยากรณ์มันเพี้ยนๆนา แต่ช่างเหอะ
หมดแล้วครับ ......... เหอๆ แต่เดี๋ยวก่อน..?
เอาไอ้พวกนี้ไปก่อน..









อ้าวลืมให้ Tilesets

ผมยังลืมอะไรอีกรึเปล่า?
-----------------------------------------------------------
Tilesets ใหม่ครับ

เพิ่มดอกไม้เปลี่ยนสี อยู่ท้ายๆครับ สังเกตุดีๆ ถ้าไม่ตาบอดก็เห็นครับ
แล้วตอน import ไฟล์ต้องเลือก transparent color เป็นสีพื้นหลัง
แล้ว semi-transparent color เป็นเงาครับ ดังรูป

[/hide]
Credit : CeroV.3
ที่มา : thaiware
[เทคนิค] การ Recolor ด้วย Paint