HardcoreGraphic - Thailand Graphic Design Ezine

ลึกแต่ไม่ลับกับ Pixel Fonts
Date : 18:02:06 | By : HardcoreGraphic

กราฟฟิคดีไซเนอร์หลายๆคนอาจจะเคยพบปัญหา เวลาใช้ฟอนท์ขนาดเล็กมากๆตอนพิมพ์ออกมาแล้งพบว่า ฟอนท์ช่างอ่านยากซะเหลือเกิน
แม้ว่าคุณจะกำหนดค่า Character ของอักษรให้เป็นแบบ anti-aliasing ก็แล้ว ตีลังกากดก็แล้ว ก็ยังไม่ชัดซะที วิธีแก้ที่ดีที่สุด คือ หันไป
ใช้ Pixel ฟอนท์ครับ เนื่องจากมันจะมีขอบของอักษรที่ตัดกันชัดเจนและสุดคม แต่การใช้ Pixel Fonts นั้นมีข้อคิดอะไรอีกมากมายทีเดียว
ให้คุณได้เรียนรู้ก่อนที่จะใช้มัน จะมีอะไรมั่งนั้นตามผมมา...ตามมาดิ...ตามมา..มามะๆๆ

ข้อจำกัดของ Pixel Fonts

Pixel Font เป็นฟอนท์พิเศษที่สร้างมาเพื่อการใช้งานบนคอมพิวเตอร์ โดยเฉพาะ ซึ่งออกแบบมาจากการใช้เส้น Grid ลักษณะเดียวกัน
กับที่คุณใช้บนโปรแกรม Photoshop หรือโปรแกรมออกแบบทั่วไปนั่นแหละ เพราะฉะนั้นมันจึงมีข้อจำกัดที่แน่นอน คือ เป็นเหลี่ยมๆ
ไม่ค่อยมีการโค้งของอักษร ดังนั้นคุณก็ไม่ต้องทะลึ่งใส่ค่า anti-aliasing ให้กับมันแต่อย่างใดครับ

หา Pixel Fonts ได้ที่ไหนบ้าง

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

minifonts.com เน้น Pixel Fonts อย่างเดียวล้วนๆ
dafont.com ลอง Search หาคำว่า Pixel
http://04.jp.org คลิกที่ Extra
wantedfonts.com ดูที่เมนู pixelated
highfonts.com ลองหาดูเอง

ใช้งาน Pixel Fonts

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

ปัญหาที่พบ

หลังจากสนุกกับมันก็มาดูปัญหาที่มีบ้าง..

การใช้ Pixel Fonts ควรใช้กับงานที่มีความละเอียดที่ 72 ppi (pixels per inch)

ปิดการใช้ค่า anti-aliasing หรือ การลบรอยหยัก

การใช้งานกับ Pixel Fonts บางอักษรถูกออกแบบมาเพื่อใช้กับขนาดเฉพาะ เพื่อการแสดงผลที่
สวยงาม เพราะฉะนั้นอาจจะต้องอ่านคู่มือฟอนท์นั้นๆอีกที

ค่า tracking และ ค่า kerning กำหนดเป็น 0 และขนาดของอักษรกำหนดเป็น 100%

หน่วยวัดของอักษรเลือกเป็น Pixel อย่ากำหนดเป็น Point เพราะเวลาคุณเลือกขนาดที่ 10 Pixels อาจจะมีขนาดไม่เท่ากันกับ
ขนาด 10 Point ก็เป็นได้

อย่าปรับฟอแมทเป็น Centered paragraph เพราะอาจทำให้ฟอนท์แสดงผลคลาดเคลื่อน ให้ใช้เลเยอร์เคลื่อนจัดวางเอาดีกว่า

สุดท้ายเลือก Save หรือ Export เป็นนามสกลุ Gif จะให้ผลลัพธ์ในการแสดงผลดีที่สุด (เฉพาะ Pixel Fonts)

อ่านบทความอื่นเพิ่มเติม

+ HardcoreGraphic 7.0 Sponsored by Elife.co.th