ทำพื้นหลังสติกเกอร์ LINE ให้โปร่งใส | แก้ปัญหาพื้นหลังขาวและตัดขอบให้เรียบ

พื้นหลังโปร่งใสกับพื้นหลังสีขาวไม่เหมือนกัน

พิกเซลโปร่งใสไม่มีสีที่มองเห็นได้ ส่วนพิกเซลสีขาวมีสีอยู่จริง เพียงแต่ดูเหมือนพื้นที่ว่างเมื่ออยู่บนผืนผ้าใบสีขาว หากเครื่องมือตัดพื้นหลังเติมพื้นที่ด้านนอกด้วยสีขาว LINE ก็จะแสดงพื้นที่นั้นเป็นส่วนหนึ่งของสติกเกอร์

ขอบสีขาวรอบตัวละครอาจเป็นดีไซน์ที่ตั้งใจทำ เพื่อให้ตัวละครเด่นบนพื้นหลังแชตสีเข้ม ปัญหาคือกรอบสี่เหลี่ยมสีขาวหรือวงสีจาง ๆ ที่ติดมาโดยไม่ตั้งใจ ให้ตรวจไฟล์บนพื้นหลังแบบตารางและพื้นหลังสีทึบก่อนสรุปว่าตัดเสร็จแล้ว

ทำไมพื้นหลังโปร่งใสจึงกลายเป็นสีขาว

พื้นหลังขาวมักเกิดจากสี่สาเหตุ: รูปต้นฉบับถูกทำให้แบนรวมกับพื้นหลัง เครื่องมือตัดพื้นหลังส่งออกเป็น JPEG เลเยอร์สีขาวยังเปิดอยู่ หรือโปรแกรมดูรูปใช้สีขาวแทนพื้นที่โปร่งใส กรณีสุดท้ายเป็นเพียงรายละเอียดของพรีวิว แต่อีกสามกรณีทำให้ไฟล์จริงเปลี่ยนไป

• รูปต้นฉบับมีสี่เหลี่ยมสีขาวติดมาด้วย
• ส่งออกเป็น JPEG หรือ PNG ไม่ได้เก็บช่อง alpha
• ยังเปิดเลเยอร์พื้นหลังไว้ตอนส่งออก
• พิกเซลกึ่งโปร่งใสที่ขอบกลายเป็นเงาสีอ่อนบนพื้นหลังเข้ม

5 ขั้นตอนตัดพื้นหลังให้สะอาด

เริ่มจากรูปที่สีของตัวละครแตกต่างจากพื้นหลังอย่างชัดเจน ลบพื้นที่พื้นหลังขนาดใหญ่ก่อน แล้วซูมตรวจรอบเส้นผม หู นิ้วมือ และอุ้งเท้า จากนั้นวางภาพบนพื้นหลังสีเข้มและสีอ่อน เพราะพื้นหลังทั้งสองแบบจะเผยปัญหาคนละชนิด

• เลือกรูปที่คม แสงสม่ำเสมอ และมีขอบตัวแบบชัดเจน
• ลบพื้นหลังส่วนใหญ่ก่อน แล้วค่อยเก็บช่องเล็ก ๆ
• ตรวจทั้งที่ซูม 100% และขนาดจริงของสติกเกอร์
• ส่งออกเป็น PNG โปร่งใสโดยไม่มีเลเยอร์สีขาว
• เปิดไฟล์ที่ส่งออกในโปรแกรมอื่น แล้วทดลองวางบนพื้นหลังสี

เส้นผมและขนสัตว์: ออกแบบโดยคิดถึงขนาดเล็ก

การพยายามเก็บขนทุกเส้นอาจทำให้ขอบภาพรกและเกิดขอบขาว สติกเกอร์ต้องการเงารูปร่างที่มั่นคงและใบหน้าที่จำได้ มากกว่ารายละเอียดเล็ก ๆ ที่หายไปเมื่อย่อภาพ เก็บกระจุกขน หู หนวด หรือรูปทรงหางที่เป็นเอกลักษณ์ไว้ ส่วนที่เหลือสามารถลดทอนได้เมื่อจำเป็น

การซูมเหมาะสำหรับหาจุดผิดพลาด แต่การตัดสินใจสุดท้ายควรทำที่ขนาดสติกเกอร์จริง หากตัวละครจำได้ยาก ให้ขยายตัวละครหรือลดรายละเอียดของขอบ แทนการเพิ่มเส้นขนเล็ก ๆ เข้าไปเรื่อย ๆ

แยกขอบสีขาวออกจากระยะขอบ

ขอบสีขาวช่วยให้ตัวละครเด่นบนแชตสีเข้มได้ ขอบนี้ควรวิ่งตามตัวละคร ส่วนพื้นที่ด้านนอกขอบต้องยังโปร่งใส อย่าใช้ขอบสีขาวแทนพื้นที่ปลอดภัยประมาณ 10px เพราะพื้นที่ปลอดภัยคือพื้นที่ว่าง แต่ขอบเป็นส่วนหนึ่งของดีไซน์

ตรวจมุม มือ หู และตัวอักษรแยกกัน การครอปแน่นเกินไปอาจตัดขอบออกเมื่อย่อภาพ ส่วนผืนผ้าใบที่ใหญ่เกินไปจะทำให้ตัวละครเล็ก ควรมีพื้นที่หายใจสม่ำเสมอโดยไม่เสียพื้นที่ส่วนใหญ่ของภาพ

เช็กความโปร่งใสก่อนส่งให้ LINE

ก่อนทำ ZIP ให้เปิด PNG ที่ส่งออกในโปรแกรมดูรูปนอกเครื่องมือแก้ไข ตรวจขนาดผืนผ้าใบ ความโปร่งใสของพื้นหลัง ความอ่านง่ายของตัวอักษร และขอบภาพที่อาจมีกรอบสีอ่อน ตรวจภาพหลักและภาพแท็บแยกกัน เพราะมีขนาดและเงื่อนไขการแสดงผลต่างกัน

• ไฟล์เป็น PNG และยังมีช่อง alpha
• ไม่มีสี่เหลี่ยมสีขาวหรือเลเยอร์พื้นหลังที่ไม่ตั้งใจ
• ตัวละครและตัวอักษรอยู่ในพื้นที่ปลอดภัย
• ยังอ่านความหมายได้ทั้งบนพื้นหลังสว่างและมืด
• ใน ZIP มีเฉพาะไฟล์ที่จำเป็นสำหรับรูปแบบ LINE ที่เลือก

ไม่ต้องตัดพื้นหลัง 40 รูปทีละรูป

การตัดพื้นหลังด้วยตัวเองเหมาะกับชุดเล็ก แต่การทำขั้นตอนเดิมซ้ำ 40 ครั้งใช้เวลามาก Stampo สามารถสร้างชุดตัวละครจากรูปเดียว ประมวลผลพื้นหลังโปร่งใส และส่งออก ZIP ที่เตรียมตามสเปก LINE ได้ จากนั้นยังแก้ข้อความ ตำแหน่ง และรูปบางใบในเอดิเตอร์บนเบราว์เซอร์ได้

การสร้างแบบชุดไม่ได้หมายความว่าต้องข้ามการตรวจ ให้ดูความสม่ำเสมอของทั้งชุดก่อน แล้วเปิดเฉพาะรูปที่ต้องเก็บขอบหรือตัวอักษรอย่างละเอียด วิธีนี้ช่วยประหยัดเวลาโดยยังควบคุมงานขั้นสุดท้ายได้

ทำไม PNG โปร่งใสของฉันจึงดูเป็นสีขาว

โปรแกรมดูรูปอาจใช้สีขาวแทนพื้นที่โปร่งใส หรือไฟล์อาจมีพิกเซลสีขาวจริง ให้วาง PNG บนพื้นหลังสีเพื่อแยกสองกรณีนี้

ต้องลบขอบสีขาวด้วยหรือไม่

ไม่จำเป็น หากขอบนั้นเป็นส่วนหนึ่งของดีไซน์ให้เก็บไว้ได้ แต่พื้นที่นอกขอบต้องโปร่งใส และขอบไม่ควรติดกับตัวอักษรหรือขอบครอป

ส่งสติกเกอร์เป็น JPEG ได้หรือไม่

โดยทั่วไปภาพสติกเกอร์ LINE ต้องเป็น PNG ที่มีความโปร่งใสและขนาดตามกำหนด ให้ตรวจข้อกำหนดทางการล่าสุดก่อนอัปโหลด