การออกแบบฟอนต์ลายมือจาก FontCreator

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

ที่มา:ชานนท์ เกษมวรรณกร,2555

2.แสกนภาพที่เขียนลงในเครื่องคอมพิวเตอร์ทำการปรับตกแต่งภาพให้เกิดความคมชัด(หากภาพที่แสกนมาไม่ชัดหรือมีพื้นที่ที่ต้องการตัดลบ)ผ่านทางโปรแกรมแต่งรูปตามถนัดในที่นี้ผู้ออกแบบได้ใช้การปรับตกแต่งผ่านทางโปรแกรม photoshop ซึ่งนักออกแบบส่วนใหญ่คงรู้จักกันดี

ภาพที่ 2 แสดงหน้าการปรับแต่งฟอนต์จากโปรแกรมphotoshop

ที่มา:ชานนท์ เกษมวรรณกร,2555

3.เปิดโปรแกรม High-Logic FontCreator ----file----open----font file—  ขั้นตอนนี้เป็นการเลิกเปิดเทมเพลตฟอนต์เพื่อเป็นต้นแบบในการจัดวางฟอนต์ลายมือของเราผู้ออกแบบควรเลือกฟอนต์ที่จะนำมาเป็นแบบเทมเพลตจากฟอนต์ที่เป็นมาตรฐานที่มีทั้งภาษาไทยและภาษาอังกฤษโดยสังเกตว่าไฟล์ที่จะเปิดต้องเป็นไฟล์.ttfในที่นี่ผู้ออกแบบขอใช้เทมเพลตต้นฉบับจากCRU-Pilasluck.ttfซึ่งเป็นฟอนต์ลายมือที่ผู้สอนได้ทำการออกแบบไว้แล้ว

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

ที่มา:ชานนท์ เกษมวรรณกร,2555

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

ที่มา:ชานนท์ เกษมวรรณกร,2555

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

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

ที่มา:ชานนท์ เกษมวรรณกร,2555

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

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

ที่มา:ชานนท์ เกษมวรรณกร,2555

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

ที่มา:ชานนท์ เกษมวรรณกร,2555

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

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

ที่มา:ชานนท์ เกษมวรรณกร,2555

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

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

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

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

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

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

ภาพที่ 8 แสดงหน้าของการเปลี่ยนชื่อและข้อมูลฟอนต์

ที่มา:ชานนท์ เกษมวรรณกร,2555

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

ภาพที่ 9 แสดงหน้าของการเปลี่ยนชื่อและข้อมูลฟอนต์

ที่มา:ชานนท์ เกษมวรรณกร,2555

9.save ไฟล์ไว้โดยตั้งชื่อตามที่ต้องการ ในที่นี้ผู้สอนได้บังคบให้ตั้งชื่อโดยขึ้นต้นด้วย CRUแล้วตามด้วยชื่อตัวเอง โปรดระวังว่าข้อมูลบางอย่างที่ติดมากับฟอนต์นั้นอาจมีลิขสิทธ์ด้วย

ภาพที่ 10 แสดงหน้าของการติดตั้งฟอนต์

ที่มา:ชานนท์ เกษมวรรณกร,2555

10.การติดตั้งฟอนต์ในเครื่องพีซีหรือโน๊ตบุค ทำได้ตามปกติ ติดตั้งได้เลย และทดลองใช้ดูให้สมกับงานที่ต้องการด้วย

11.นำฟอนต์ลายมือไปเผยแพร่แจกใช้ฟรี ทาง www.fontspace.com

ขั้นตอนการนำฟอนต์ไปเผยแพร่ในwww.fontspace.com

1. สมัครสามชิกและทำการ log in เพื่อทำการอัพโหลด

ภาพที่ 11 แสดงหน้าของแสดงขั้นตอนการlog inwww.fontspace.com

ที่มา:ชานนท์ เกษมวรรณกร,2555

2.คลิกเลือก up load

ภาพที่ 12 แสดงขั้นตอนการอัพโหลดฟอนต์ในwww.fontspace.com

ที่มา:ชานนท์ เกษมวรรณกร,2555

3. เลือกไฟล์ฟอนต์ที่ต้องการอัพโหลดลง

ภาพที่ 13 แสดงขั้นตอนการอัพโหลดฟอนต์ในwww.fontspace.com

ที่มา:ชานนท์ เกษมวรรณกร,2555

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

ภาพที่ 14 แสดงขั้นตอนการอัพโหลดฟอนต์ในwww.fontspace.com

ที่มา:ชานนท์ เกษมวรรณกร,2555

หน้าสำหรับเผยแพร่เพื่ออัพโหลดนำไปใช้

http://www.fontspace.com/chandrakasem-rajabhat-university/cru-janonkas

ภาพที่ 15 แสดงหน้าเว็บไซต์ fontspace

ที่มา:ชานนท์ เกษมวรรณกร,2555

เนื้อหารายงานเล่มนี้เป็นการแนะนำการออกแบบฟอนต์ลายมือตัวผู้ออกแบบเองโดยได้อธิบายขั้นตอนการออกแบบตั้งแต่ขั้นเริ่มต้นจนถึงขั้นตอนการนำไปใช้จริงการออกแบบฟอนต์ลายมือชุดนี้เป็นการออกแบบผ่านโปรแกรมHigh-LogicFontCreatorมีทั้งตัวพิมพ์ที่เป็นภาษาอังกฤษและภาษาไทยสามรถนำไปติดตั้งได้บนเครื่องคอมพิวเตอร์พีซีหรือโน๊ตบุคได้เลย

ขั้นตอนการออกแบบฟอนต์ลายมือ จาก FontCreator

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