วิธีแก้สีพื้นของภาพติดกับขอบของตัวรูปภาพ

[boyhit]

โดย
TLPmoreeverythingอีเมลนี้จะถูกป้องกันจากสแปมบอท แต่คุณต้องเปิดการใช้งานจาวาสคริปก่อน


หลัง จากวันงาน Meeting
ที่ผมได้สอนลงสีไปปรากฏว่าวันนั้นเกิดปัญหาตอนอธิบายอยู่
ที่เกี่ยวกับสีของพื้นติดกับขอบรูปภาพ
ซึ่งคิดว่าหลายๆคนคงเจอปัญหานี้อยู่เหมือนกัน
วันนี้จึงมาขอแก้ตัวจากวันงานที่ผิดพลาดไป
*ปล. Tutorial นี้จะขออ้างอิงการแก้ไขภาพโดยใช้โปรแกรม Photoshop เท่านั้น

ปัญหาของสีพื้นไปติดกับขอบภาพนั้นจะเกิดขึ้นในช่วงที่ ( เท่าที่ผมเคยพบมา )
1. เปลี่ยนแปลงโหมดของภาพ จาก RGB เป็น Index Color 256
2. ในขณะที่ภาพอยู่ในโหมด Index Color อยู่แล้วแต่เราทำการเปลี่ยนขนาด Pixels ของรูปภาพ

วิธีแก้ไข
1. ขณะที่เราลงสีเสร็จแล้ว ( หรือมีภาพพร้อมที่จะใช้งานอยู่แล้ว )ให้เปลี่ยนภาพนั้นจากโหมด RGB เป็นโหมด Index Color 256 ทันที
2. ถ้าต้องการสีพื้นภาพเป็นสีใดก็ให้เลือกสีนั้นตรงตำแหน่งตามรูปเลยครับ
3. ทำการ Selection ด้วยเครื่องมือ Lasso Tool
โดยเลือกส่วนที่ไม่ต้องการทิ้งไปซึ่งทำได้โดย
เลือกส่วนที่ไม่ต้องการทิ้งแล้วกด Delete บน Keyboard ( ต้องทำการ
Selection ขณะที่ภาพอยู่ในโหมด Index Color 256 )

อันนี้คือการ Selection ขณะที่อยู่ในโหมด Index Color




หลังจาก Selection แล้วทำการกด delete ที่ keyboard แล้วจะกลายเป็นสีพื้น





พอนำภาพไปใช้ในเกมแล้วจะเป็นดังรูป ( ไม่มีสีพื้นติดขอบภาพแล้ว )





* หมายเหตุ *
1. ขณะที่ทำเสร็จหมดทุกขึ้นตอนแล้วถ้าเราต้องการเปลี่ยนขนาดของรูป เราต้องทำตามขั้นตอนที่ 1-3 ใหม่อีกรอบ
เพราะการเปลี่ยนขนาดรูปจะทำให้ Pixels ที่อยู่ใกล้เคียงกันเกิดการติดกันได้ทำให้ขอบรูปอาจมีสีพื้นติดอยู่ได้
และ หลังจากที่ทำการเซฟภาพด้วย สกุล png แล้วจะมีข้อความให้เลือกระหว่าง
None กับ Interlaced ให้เราเลือก None
เพราะหากเราเลือกอีกอย่างจะไม่สามารถนำภาพเข้าสู่เกมได้
2. ส่วนต่างๆดูในรูปได้เลยครับ





2.1 เครื่องมือ Lasso Tool (แนะนำให้ใช้แบบ Polygon )
2.2 ตำแหน่งในการเปลี่ยนโหมดภาพ ( เวลาเลือก Index แล้วให้เลือกไปที่ Local ( Perceptual ) )
2.3 ตำแหน่งของสีพื้น