สัปดาห์ที่ 4 วิธีการทำฟอนต์ลายมือ ภาษาไทย-อังกฤษ จากโปรแกรม Font creator

ขั้นตอนการออกแบบฟอนต์ลายมือ ภาษาไทย-อังกฤษ จากโปรแกรม Font creator

ขั้นตอนที่ 1 ดาวว์โหลดเทมเพลตที่เป็น Grid สำหรับเขียนฟ้อนต์ลายมือ

ภาพที่1 แสดงหน้าเทมเพลตฟ้อนต์ลายมือ

ที่มา : นางสาวพลอยนภัส เรืองศิริโท,2555

ขั้นตอนที่ 2 สแกนภาพที่เขียนลงในคอมพิวเตอร์ทำการปรับตกแต่งภาพให้เกิดความคมชัด หากภาพที่เราสแกนไม่ชัดนะค่ะ เราสามารถไปปรับแต่งเพิ่มเติมได้ในโปรแกรม Photoshop ได้ค่ะ ด้วยวิธีง่ายแค่เปิดโปรแกรม Photoshop ขึ้นมาแล้วเลือกไฟล์เทมเพลตที่เราสแกนไว้แล้วเปิดขึ้นมา คลิกที่ Image >Adjustments>Brightness/Contrast

ภาพที่ 2 แสดงการปรับภาพในโปรแกรม PS

ที่มา : นางสาวพลอยนภัส  เรืองศิริโท,2555

ขั้นตอนที่ 3 เปิดโปรแกรม Font creator แล้วคลิกที่ไฟล์ เลือก Open >Font file เลือกเทมเพลตฟ้อนต์  ในการออกแบบฟ้อนต์ลายมือครั้งนี้ ดิฉันใช้เทมเพลต CRU-Pilasluck.ttf  เทมเพลตนี้เป็นเทมเพลตฟ้อนต์ที่ออกแบบโดย ผศ.ประชิด ทิณบุตร อาจารย์ผู้สอนของดิฉันเองคะ

ภาพที่ 3 แสดงหน้าจอเปิดไฟล์โปรแกรม Font Creator

ที่มา : นางสาวพลอยนภัส  เรืองศิริโท,2555

ภาพที่ 3.1 แสดงหน้าการเลือกไฟล์ฟ้อนต์

ที่มา : นางสาวพลอยนภัส  เรืองศิริโท,2555

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

ภาพที่ 4 แสดงหน้าของโปรแกรม Font Creator

เมื่อนำไฟล์ฟ้อนต์มาปรับแต่งหรือออกแบบ

ที่มา : นางสาวพลอยนภัส  เรืองศิริโท,2555

ขั้นตอนที่ 5 วิธีการนำฟ้อนต์ลายมือของเรามาลงในโปรแกรม High-Logic Font Creator นั้นทำได้โดยการ Copy ฟ้อนต์ทีละตัวจากโปรแกรมแต่งภาพ ปรับภาพแล้วนำไป Past (ก่อน past ควรดับเบิ้ลคลิกที่ฟ้อนต์นั้นก่อนแล้วทำการ past) ลงแทนฟ้อนต์ต้นฉบับใน  High-Logic Font Creator ทีละตัว 

ภาพที่ 5 แสดงหน้าการเปิดไฟล์ฟ้อนต์ตัวอักษร B

ที่มา : นางสาวพลอยนภัส  เรืองศิริโท,2555

ภาพที่ 6 แสดงหน้าการ Copy ภาพจากโปรแกรม PS

ที่มา : นางสาวพลอยนภัส  เรืองศิริโท,2555

ขั้นตอนที่ 6 ปรับขนาดและสัดส่วนของฟ้อนต์ให้ถูกต้อง การจัดวางช่องไฟ ตำแหน่งระยะห่าง หน้า-หลัง ความสูง

- Cap height คือ ความสูงของตัวอักษรพิมพ์ใหญ่

- Median คือ ความสูงของตัวอักษรพิมพ์เล็ก

- X-height คือ ระยะห่างระหว่างเส้นฐานจนถึงเส้น median ซึ่งเป็นช่วงของตัวพิมพ์เล็ก

- Baseline คือ เส้นฐาน

ภาพที่ 6 แสดงหน้าของโปรแกรม Font Creator การดัดตัวอักษร

ที่มา : นางสาวพลอยนภัส  เรืองศิริโท,2555

ขั้นตอนที่ 7 ในขณะทำการ past ฟ้อนต์ลงในโปรแกรมหรืออาจรอจน past เสร็จ ควรกด test หรือ F8 เพื่อทำการตรวจระยะห่าง ช่องไฟ ความสูง โดยเราควรตรวจให้ครบถ้วนอย่างละเอียดนะค่ะ โดยเฉพาะ สระและพยัญชนะในภาษาไทย

ภาพที่ 7 แสดงหน้าการตรวจระยะห่าง

ความสูง ช่องไฟ ของตัวอักษรแต่ละตัว

ที่มา : นางสาวพลอยนภัส  เรืองศิริโท,2555

ขั้นตอนที่ 8 ทำการเปลี่ยนชื่อฟ้อนต์และข้อมูลผู้ออกแบบ รวมทั้งข้อมูลที่เกี่ยวกับฟ้อนต์

ขั้นตอนที่ 9 Save ไฟล์ไว้โดยตั้งชื่อตามที่ต้องการ แต่ในที่นี้ดิฉันจะตั้งชื่อที่ขึ้นต้นด้วย CRU เพราะเป็นชื่อที่อาจารย์ให้ใช้เวลาส่งผลงาน CRU คือ ชื่อย่อของมหาวิทยาลัยราชภัฎจันทรเกษม สถาบันที่ศึกษาอยู่แล้วตามด้วยชื่อ CRU-Ploynapat