1 ARTD 2304 การออกแบบตัว อัก ษรเพื่อ
2 ARTD 2304 การออกแบบตั ขั้น ตอนการสร้า งตัว อัก ษร และการนำา ไปใช้ ง านจริ ง Programว อัก ษรเพื่อ Fontlab
1 . ติดตั้งโปรแกรม Fontlab คลิกเข้าไปที่ไอคอนโปรแกรมดังภาพ
รูปที่ 1 : Icon ของ Program Fontlab ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
2 . เปิดเข้าโปรแกรม
รูปที่ 2 : แสดงหน้าต่างการทำางาน ของ Program Fontlab ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
3 . คลิกเปิดการทำางานเอกสาร ที่ File > Open ใช้เทมเพลทที่อาจารย์แชร์ ให้ในการสร้างฟอนต์
3 ARTD 2304 การออกแบบตัว อัก ษรเพื่อ
รูปที่ 3 : แสดงการเปิดเอกสาร ของ Programe Fontlab ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
4. เมื่อเลือกเทมเพลทแล้วตารางของฟอนต์จะปรากฏขึ้นดังภาพ
รูปที่ 4 : แสดงเทมเพลต ของ Programe Fontlab ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
5. คลิกเข้าไปในช่องตาราง Glyph ของตัวอักษร โดยใช้ชื่อที่อยู่ด้านบน เป็นการค้นหาตัวอักษร ตัวอย่างในภาพเป็นการคลิกเข้าไปใน Glyph ชื่อ uni0E01 ซึ่งเป็นตัวอักษร “ก”
4 ARTD 2304 การออกแบบตัว อัก ษรเพื่อ
รูปที่ 5 : แสดงเทมเพลต ของ Programe Fontlab ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
6. การเปิดใช้เครื่องมือ ไปที่ View>Toolbars>และกดเลือกเครื่องมือต่างๆที่ ต้องใช้งาน
รูปที่ 6 : แสดงการสร้างฟอนต์ของ Programe Fontlab ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
5 ARTD 2304 การออกแบบตัว อัก ษรเพื่อ
7.สร้างตัวอักษรและดัดตามความต้องการของตนเองให้อยู่ในช่องกรอบที่ กำาหนด
รูปที่ 7 : แสดงการสร้างฟอนต์ของ Programe Fontlab ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
8. เพิ่มความหนาของตัวอักษรโดยไปที่ Contour>Paths>Expand Paths… จะปรากฏหน้าต่าง Expand Stroke ขึน ้ มา ช่อง Simple Stroke คือการเพิ่ม Stroke แบบหัวตัดธรรมดา ช่อง Brush Tracing เป็นการเลือกหัวให้มีรูป แบบต่างตามตัวอย่าง
6 ARTD 2304นการออกแบบตัว อัก ษรเพื่อ รูปที่ 8 : แสดงหน้าต่างการเพิ่มความหนาของเส้
ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
10. เมื่อเลือกแล้วจะได้ตัวอักษรที่มีขนาดตามที่ได้กำาหนดไว้ก่อนหน้านี้ (สังเกตว่าจะมีรอยที่ตัดกันในตัวอักษร ต้องทำาการเชื่อเข้าด้วยกัน)
รูปที่ 9 : แสดงหน้าต่างตัวอักษรที่ขาดกัน ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
10. การเชื่อมตัวอักษรให้เข้ากัน คลุมตัวอักษรทั้งหมด แล้วกดที่ Merge Contours ตามภาพ (วิธีลบเส้นสีแดงไปที่ช่อง Editing Layer ขาวมือกด เครื่องหมายถูกที่ช่องแรกออก)
7 ARTD 2304 การออกแบบตัว อัก ษรเพื่อ
รูปที่ 10 : แสดงหน้าต่างการเชื่อมตัวอักษร ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
11. การตั้งค่าระยะห่าง ด้านหน้าและด้านหลังคลิกเข้าไปในตัวอักษร แล้วไปที่เส้นกันหลัง คลิกขวา เลือกที่ Properties จะปรากฏหน้าต่าง Glyph Properties ขึน ้ มา ตัง้ ระยะห่างของตัวอักษรตามความเหมาะสมของแต่ละ ตัวอักษรให้ครบทั้งหมดทุกตัว
รูปที่ 11 : แสดงหน้าต่างการตั้งระยะหน้า-หลัง ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
8 ARTD 2304 การออกแบบตัว อัก ษรเพื่อ
12.การทดสอบการพิมพ์ ไปที่ Tools>Quick Test As>OpenType TT (.ttf)
รูปที่ 12 : แสดงหน้าต่างการทดสอบการพิมพ์ ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
13. เมื่อตั้งค่าครบหมดทุกตัวแล้วทำาการตั้งค่าข้อมูลของฟอนต์ เข้าไปที่ File>Font info คลิกไปที่เครื่องหมาย + (บวก) ทุกตัวให้เป็นลบ เป็นการเปิด ข้อมูลการตั้งค่าที่ซ้อนอยู่
รูปที่ 13 : แสดงหน้าต่างข้อมูลฟอนต์ ของ Programe Fontlab ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
9 ARTD 2304 การออกแบบตัว อัก ษรเพื่อ
14. แก้ตรง Family name เป็นชื่อฟอนต์ของเรา ตั้งค่าตรง Style Name ให้ เป็นรูปแบบฟอนต์ของเรา จากนั้นกดที่รูปเพชร เป็นการแก้ไขช่องต่างๆ อัตโนมัติ
รูปที่ 14 : แสดงหน้าต่างข้อมูลฟอนต์ ของ Programe Fontlab ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
15. แก้ไขหน้า Copyright information แล้วกดรูปเพชร 16. ใส่ Designer Information (รายละเอียดผู้ทำาฟอนต์) 17. ใส่เวอร์ชั่น และกดเพชร 18. ใส่รายละเอียดข้มมูลในช่องสุดท้ายแล้วกด OK
10 ARTD 2304 การออกแบบตัว อัก ษรเพื่อ
รูปที่ 18 : แสดง ข้อมูลฟอนต์ ของ Programe Fontlab ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
19.ทำาการ Save ไปที่ File >Generate Font ตั้งชื่อให้ฟอนต์ หลังจากนั้น กด Save
รูปที่ 19 : แสดงการ Generate Font ของ Programe Fontlab ที่มา : นางสาวพุทธรักษา พลขันธ์ , (2558)
11 ARTD 2304 การออกแบบตัว อัก ษรเพื่อ
12 ARTD 2304 การออกแบบตัว อัก ษรเพื่อ
13 ARTD 2304 การออกแบบตัว อัก ษรเพื่อ