การRecolorด้วยpaint
------------------------------------------------------------
Screenshot :
![](/e.gif)
------------------------------------------------------------
ขั้นตอนการทำ :
[hide]
(1) ขั้นตอนที่หนึ่งเลือกภาพครับ..
![](/e.gif)
1.2 เลือกตามใจชอบเลยครับ ส่วนผมขอเลือกนายแบบแห่งปี...
![](/e.gif)
(2) เลือกเสร็จก็ zoom เลย แล้วเพิ่มพื้นที่ภาพครับ ความกว้างความยาวละ 1px ให้ได้ประมาณในรูป
![](/e.gif)
(3) แล้ววาดกรอบไว้เหมือนในตัวอย่างครับ เพราะมันจะมีประโยชน์ในตอนหลังๆ
![](/e.gif)
3.2 เอาไฟล์ที่จะเปลี่ยนสีกด Ctrl+A (Select All) ครับแล้วกด Ctrl+X (Cut)
3.3 แล้วมาวางในไฟล์ใหม่ (ให้เปิด paint มาใหม่เลย) แล้วเพิ่มพื้นที่ให้นายแบบอีกท่านไว้ด้วยครับ
![](/e.gif)
(4) ปิดไฟล์ ไม่ต้องเซฟ
![](/e.gif)
(5) เปิดอีกภาพครับ ไอ้อีกภาพที่เปิดนี่คือสีต้นแบบที่จะเอามาเปลี่ยนสีนะครับ
ตัวอย่างผมจะเปลี่ยนสีผมให้นายแบบแห่งปีคนนี้เป็นสีเขียว ก็เลยเอาสีผมไอ้ตัวนี้มานี่แหละ
![](/e.gif)
ใครจะเปลี่ยนสีส่วนไหนก็เลือกไฟล์(สี)ต้นแบบเลยครับ
(6) เอามาวางในพื้นที่ของนายแบบแห่งปีครับ (sprite ที่จะเปลี่ยนสี)
![](/e.gif)
(7) เหมือนขั้นตอนที่4 ปิดไฟล์ ไม่ต้องเซฟ (อันนี้คือไฟล์ต้นแบบสี)
![](/e.gif)
(8) ซูมเข้าไปเยอะๆ แล้วดูดสี
คลิกซ้าย ดูดสีที่จะเปลี่ยน แล้วคลิกขวา ดูดสีต้นแบบที่จะมาเปลี่ยน
ต้องดูดให้ได้สี foreground เป็นสีเดิม (สีส้มของหัวFighter1) background เป็นสีใหม่ (สีเขียวของหัวCleric1)
![](/e.gif)
(9) เลือกยางลบ (Eraser Tool) แล้วกด Ctrl กับ + (ถ้าเป็นWinXP) แต่ถ้าเป็นWindows เก่ากว่าXP ให้กด + เฉยๆก็พอ
ให้ได้ใหญ่ประมาณ บังFighter1 ได้ทุกตัว แบบตัวอย่าง
![](/e.gif)
(10) ลบโดยใช้ เม้าส์ขวา นะครับ ย้ำว่า้ เม้าส์ขวา
แล้วก็........... เดี๋ยวก่อน..
ผมเห็นปัญหา!!
![](/e.gif)
ทำไมสีชุดเกราะมันเปลี่ยนไปด้วย!?
อ๋อนั่นก็เพราะสีหัวFighter1 กับชุดเกราะของเขามันใกล้เคียงกันน่ะสิ เลยทำให้เปลี่ยนสีชุดเกราะไปด้วย
เพราะฉะนั้น............
(11) ลดขนาดยางลบ (Eraser Tool) ทำกลับตรปัตรกับตอนเพิ่มขนาดเปลี่ยนเป็น - แทน
ให้บังแค่หัวดังตัวอย่างก็พอแร้น~~
![](/e.gif)
(12) เอาละ ดูดสี ดูดสี ลบ(เม้าส์ขวา) ลบ(เม้าส์ขวา) ทำไปทำมา ได้ประมาณนี้แล้ว
![](/e.gif)
12.2 ทำต่อไปเรื่อยๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
อ๊ะ
เริ่มเห็นเส้นชัยละ
![](/e.gif)
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
........................
เรื่อยๆ
เรื่อยๆเรื่อยๆ
เรื่อย.. Zz..
ZZ......
ZZZZZZZZZZZZZZZZZZZZZZZZZ...........
เฮ้ย! อย่าหลับ!!
ตื่นมาดูผลก่อนดีกว่าครับ
![](/e.gif)
อ้าว เสร็จแล้ว เตรียมเอาไปใช้ในเกม
(13) ให้ลดพื้นที่ภาพให้ได้เหลือประมาณในรูป
![](/e.gif)
(14) เอาละลดขนาด ให้แน่ใจว่ามันเหลือขนาดเท่ากับ sprite ตอนแรก ซึ่งในที่นี้คือ 192x128 สังเกตุที่มุมขวาล่างของโปรแกรม paint
![](/e.gif)
(15) เรียบร้อยเตรียมเซฟไปใช้
![](/e.gif)
ลงชื่อเรียบร้อย กดคลิ้ก!
ได้แล้ว!!!
![](/e.gif)
(ภาพนี้เซฟไปใช้ได้)
แต่ผมกลัวว่าพื้นหลังเป็นสีขาว เดี๋ยวตอนไปใช้ในเกมมันจะเกิดการโปร่งใสที่ๆ ไม่อยากให้มันโปร่งใสด้วย
จึงต้องเปลี่ยนสีพื้นหลัง ด้วยวิธีเดียวกับตอนเปลี่ยนสี sprite .........แล้วมันก็เสร็จ..............~
![](/e.gif)
เอาล่ะ เซฟเสร็จ เอามาใช้........
![](/e.gif)
(ภาพนี้เซฟไปใช้ได้)
ลองดูในเกมซิ..
![](/e.gif)
เอ.. ไวยากรณ์มันเพี้ยนๆนา แต่ช่างเหอะ
หมดแล้วครับ ......... เหอๆ แต่เดี๋ยวก่อน..?
เอาไอ้พวกนี้ไปก่อน..
![](/e.gif)
![](/e.gif)
![](/e.gif)
![](/e.gif)
![](/e.gif)
![](/e.gif)
![](/e.gif)
![](/e.gif)
![](/e.gif)
อ้าวลืมให้ Tilesets
![](/e.gif)
ผมยังลืมอะไรอีกรึเปล่า?
-----------------------------------------------------------
Tilesets ใหม่ครับ
![](/e.gif)
เพิ่มดอกไม้เปลี่ยนสี อยู่ท้ายๆครับ สังเกตุดีๆ ถ้าไม่ตาบอดก็เห็นครับ
แล้วตอน import ไฟล์ต้องเลือก transparent color เป็นสีพื้นหลัง
แล้ว semi-transparent color เป็นเงาครับ ดังรูป
![](/e.gif)
[/hide]
Credit : CeroV.3
ที่มา : thaiware
------------------------------------------------------------
Screenshot :
![](http://upic.me/i/tr/lastrecolor.png)
------------------------------------------------------------
ขั้นตอนการทำ :
[hide]
(1) ขั้นตอนที่หนึ่งเลือกภาพครับ..
![](http://upic.me/i/rq/rectut1.jpg)
1.2 เลือกตามใจชอบเลยครับ ส่วนผมขอเลือกนายแบบแห่งปี...
![](http://upic.me/i/zj/rectut2.jpg)
(2) เลือกเสร็จก็ zoom เลย แล้วเพิ่มพื้นที่ภาพครับ ความกว้างความยาวละ 1px ให้ได้ประมาณในรูป
![](http://upic.me/i/ja/rectut3.jpg)
(3) แล้ววาดกรอบไว้เหมือนในตัวอย่างครับ เพราะมันจะมีประโยชน์ในตอนหลังๆ
![](http://upic.me/i/dz/rectut4.jpg)
3.2 เอาไฟล์ที่จะเปลี่ยนสีกด Ctrl+A (Select All) ครับแล้วกด Ctrl+X (Cut)
3.3 แล้วมาวางในไฟล์ใหม่ (ให้เปิด paint มาใหม่เลย) แล้วเพิ่มพื้นที่ให้นายแบบอีกท่านไว้ด้วยครับ
![](http://upic.me/i/ag/rectut31.jpg)
(4) ปิดไฟล์ ไม่ต้องเซฟ
![](http://upic.me/i/y6/rectut5.jpg)
(5) เปิดอีกภาพครับ ไอ้อีกภาพที่เปิดนี่คือสีต้นแบบที่จะเอามาเปลี่ยนสีนะครับ
ตัวอย่างผมจะเปลี่ยนสีผมให้นายแบบแห่งปีคนนี้เป็นสีเขียว ก็เลยเอาสีผมไอ้ตัวนี้มานี่แหละ
![](http://upic.me/i/zo/rectut6.jpg)
ใครจะเปลี่ยนสีส่วนไหนก็เลือกไฟล์(สี)ต้นแบบเลยครับ
(6) เอามาวางในพื้นที่ของนายแบบแห่งปีครับ (sprite ที่จะเปลี่ยนสี)
![](http://upic.me/i/b8/rectut7.jpg)
(7) เหมือนขั้นตอนที่4 ปิดไฟล์ ไม่ต้องเซฟ (อันนี้คือไฟล์ต้นแบบสี)
![](http://upic.me/i/vj/rectut8.jpg)
(8) ซูมเข้าไปเยอะๆ แล้วดูดสี
คลิกซ้าย ดูดสีที่จะเปลี่ยน แล้วคลิกขวา ดูดสีต้นแบบที่จะมาเปลี่ยน
ต้องดูดให้ได้สี foreground เป็นสีเดิม (สีส้มของหัวFighter1) background เป็นสีใหม่ (สีเขียวของหัวCleric1)
![](http://upic.me/i/5f/rectut9.jpg)
(9) เลือกยางลบ (Eraser Tool) แล้วกด Ctrl กับ + (ถ้าเป็นWinXP) แต่ถ้าเป็นWindows เก่ากว่าXP ให้กด + เฉยๆก็พอ
ให้ได้ใหญ่ประมาณ บังFighter1 ได้ทุกตัว แบบตัวอย่าง
![](http://upic.me/i/q4/rectut10.jpg)
(10) ลบโดยใช้ เม้าส์ขวา นะครับ ย้ำว่า้ เม้าส์ขวา
แล้วก็........... เดี๋ยวก่อน..
ผมเห็นปัญหา!!
![](http://upic.me/i/e7/rectut11.jpg)
ทำไมสีชุดเกราะมันเปลี่ยนไปด้วย!?
อ๋อนั่นก็เพราะสีหัวFighter1 กับชุดเกราะของเขามันใกล้เคียงกันน่ะสิ เลยทำให้เปลี่ยนสีชุดเกราะไปด้วย
เพราะฉะนั้น............
(11) ลดขนาดยางลบ (Eraser Tool) ทำกลับตรปัตรกับตอนเพิ่มขนาดเปลี่ยนเป็น - แทน
ให้บังแค่หัวดังตัวอย่างก็พอแร้น~~
![](http://upic.me/i/lt/rectut12.jpg)
(12) เอาละ ดูดสี ดูดสี ลบ(เม้าส์ขวา) ลบ(เม้าส์ขวา) ทำไปทำมา ได้ประมาณนี้แล้ว
![](http://upic.me/i/pm/rectut13.jpg)
12.2 ทำต่อไปเรื่อยๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
เรื่อยๆๆๆ
อ๊ะ
เริ่มเห็นเส้นชัยละ
![](http://upic.me/i/a9/rectut14.jpg)
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
ทำไปเรื่อยๆอีกๆๆ
........................
เรื่อยๆ
เรื่อยๆเรื่อยๆ
เรื่อย.. Zz..
ZZ......
ZZZZZZZZZZZZZZZZZZZZZZZZZ...........
เฮ้ย! อย่าหลับ!!
ตื่นมาดูผลก่อนดีกว่าครับ
![](http://upic.me/i/vr/rectut15.jpg)
อ้าว เสร็จแล้ว เตรียมเอาไปใช้ในเกม
(13) ให้ลดพื้นที่ภาพให้ได้เหลือประมาณในรูป
![](http://upic.me/i/av/rectut16.jpg)
(14) เอาละลดขนาด ให้แน่ใจว่ามันเหลือขนาดเท่ากับ sprite ตอนแรก ซึ่งในที่นี้คือ 192x128 สังเกตุที่มุมขวาล่างของโปรแกรม paint
![](http://upic.me/i/27/rectut17.jpg)
(15) เรียบร้อยเตรียมเซฟไปใช้
![](http://upic.me/i/31/rectut18.jpg)
ลงชื่อเรียบร้อย กดคลิ้ก!
ได้แล้ว!!!
![](http://upic.me/i/la/completed_arshesgreenhair.png)
(ภาพนี้เซฟไปใช้ได้)
แต่ผมกลัวว่าพื้นหลังเป็นสีขาว เดี๋ยวตอนไปใช้ในเกมมันจะเกิดการโปร่งใสที่ๆ ไม่อยากให้มันโปร่งใสด้วย
จึงต้องเปลี่ยนสีพื้นหลัง ด้วยวิธีเดียวกับตอนเปลี่ยนสี sprite .........แล้วมันก็เสร็จ..............~
![](http://upic.me/i/49/rectut19.jpg)
เอาล่ะ เซฟเสร็จ เอามาใช้........
![](http://upic.me/i/r5/completed_arshesgreenhairbg.png)
(ภาพนี้เซฟไปใช้ได้)
ลองดูในเกมซิ..
![](http://upic.me/i/og/result_arshes_talk.png)
เอ.. ไวยากรณ์มันเพี้ยนๆนา แต่ช่างเหอะ
หมดแล้วครับ ......... เหอๆ แต่เดี๋ยวก่อน..?
เอาไอ้พวกนี้ไปก่อน..
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240082985.png)
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240083001.png)
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240083015.png)
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240083047.png)
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240083072.png)
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240083135.png)
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240083147.png)
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240083163.png)
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240083188.png)
อ้าวลืมให้ Tilesets
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240083236_thumb.png)
ผมยังลืมอะไรอีกรึเปล่า?
-----------------------------------------------------------
Tilesets ใหม่ครับ
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240127554_thumb.png)
เพิ่มดอกไม้เปลี่ยนสี อยู่ท้ายๆครับ สังเกตุดีๆ ถ้าไม่ตาบอดก็เห็นครับ
แล้วตอน import ไฟล์ต้องเลือก transparent color เป็นสีพื้นหลัง
แล้ว semi-transparent color เป็นเงาครับ ดังรูป
![](http://community.thaiware.com/uploads/monthly_04_2009/post-306591-1240127561.png)
[/hide]
Credit : CeroV.3
ที่มา : thaiware
[เทคนิค] การ Recolor ด้วย Paint