รายงานการสร้าง Font
High-Logic
FontCreator
ภาพที่
1 โลโก้ High-Logic
(ที่มา
:
httpblog.fastncheap.comwp-contentuploads201112high-logic-logo-1024x211.png)
การจัดทำ
Project
Font ชุดนี้ โดยใช้ โปรแกรม FontCreator นี้
ได้มีขั้นตอนการจัดทำดังต่อไปนี้
1.การเขียน
Font
ลายมือโดยใช้ ตารางTemplate
2.วิธีนำ
Font
ลายมือเข้าเครื่องเพื่อทำเป็นไฟล์
3.วิธีทำ
Font
หนาและเอียง
4.การติดตั้ง
Font
ลายมือ เพื่อใช้งาน
โดยขั้นตอนที่ได้กล่าวมานี้สามารถสร้าง
Font ลายมือไปใช้เองได้ รวมถึงการสร้างสรรค์ผลงานต่างๆผ่าน font ที่สร้างหรือเขียนขึ้นเองได้ โดยนำไปใช้ในเทศการต่างๆได้เป็นอย่างดี
ขั้นตอนการออกแบบนี้บอกถึงรายระเอียดตั้งแต่การเขียน Font จนถึงการติดตั้ง
Font และใช้งานใด้จริง
1.การเขียน
Font
โดยใช้ ตาราง Template
การเขียน
Font โดยใช้ ตาราง Template นั้น ต้องมีอุปกรณ์ดังต่อไปนี้
1.1 ตาราง Templateการสร้างหรือการหาตารางTemplate นั้น
หาดาวน์โหลดได้ในอินเตอร์เน็ตหรือสร้างขึ้นมาเองตัวอย่างดังภาพ
ตาราง Template ภาษาอังกฤษ ตาราง Template ภาษาไทย
ภาพที่
2 ตารางการเขียน
(ที่มา : ผศ.ประชิด ทิณบุตร)
ซึ่ง
ตาราง
Template ที่ได้นำมาเป็นตัวอย่างนั้นจะมีอยู่ 2 แบบคือ
แบบเขียนภาษาอังกฤษ และ แบบเขียนที่เป็น โดยทั้ง 2 แบบ จะมีช่อง
สี่เหลี่ยมเหมือนกันทั้ง 2 แบบ ซึ่งแต่ละช่องสีเหลี่ยมนั้น
จะมีเส้นบอกขนาดของตัวอักษรที่เราจะต้องเขียน
สังเกตุตรงช่องสีเหลียมจะเห็นได้ว่าจะมีเส้นบอกขนาดของตัวอักษรทั้งซ้ายและขาว ทุกๆช่องจะมีเหมือนกันทั้งหมดทุกช่องและจะมีความสูงของขนาดเส้นเท่าๆกัน
1.2.ปากกา Pigma โดยจัดหาได้ทั่วไปตามร้านค้าต่างๆ ซึ่งต้องมีขนาดความหนาของเส้น 0.1 มม.
โดยจะทำให้การเขียน Font สวยงามและไม่ใหญ่เกินไป
ตัวอย่างดังภาพ
ภาพที่
3 ปากกาใช้ในการเขียน
(ที่มา:httpwww.chornakorn.co.thproducts.phpcat_id=7&cat_sub_id=26&product_id=2160)
ไม่ได้อุปกรณ์ทั้ง
2 ครบแล้ว ให้ลงมือทำโดยใช้ปากกาที่ได้นำมาเขียนลงบนตราTemplate ตามที่ได้วางแผนไว้ โดยแต่ละช่องของตาราง
จะมีการระบุตัวอย่างของตัวอักษรไว้ตามช่องเมื่อเขียนเรียบร้อยแล้วจะได้ตามตัวอย่างซึ่งตัวอย่างนี้ได้เขียนตารางขึ้นมาใหม่จะได้ดังภาพ
ภาพที่
4 ภาพตัวอย่างที่ได้จากการเขียน
(ที่มา
:
นนทวัฒน์ บุตรนัย)
โดยให้เขียนตัวอักษรทุกตัวลงตามช่องที่มีตัวตัวอักษรนั้นกำหนดไว้ตามตัวอย่างด้านบน
เมื่อเขียนลงบน ตารางTemplate
ตามที่วางแผนไว้ก็จะได้ตามตัวอย่างคร่าวๆที่อยู่ด้านล่าง
ซึ่งจะมีทั้งภาษาอังกฤษและภาษาไทยดังภาพต่อไปนี้
ภาพที่
5 ภาพตัวอย่างที่ได้จากการเขียน
(ที่มา : นนทวัฒน์ บุตรนัย)
2.วิธีนำ
Font
ลายมือเข้าเครื่องเพื่อทำเป็นไฟล์
เมื่อได้ทำการเขียน
Font
บน ตารางTemplate เรียบร้อยแล้ว
ขั้นตอนต่อไปคือ
2.1
นำกระดาษที่เป็น ตารางTemplate ไป สแกนลงเครื่อง โดยสแกนอยู่ที่ 300 DPI ซึ่งจะได้ขนาดของไฟล์ใหญ่
และขยายภาพได้มากขึ้น ซึ่งตัวอย่างเครื่องสแกนดังภาพ
ภาพที่
6 เครื่องสแกน
(ที่มา
:
httpeasyprintexpress.comservice_scanning.php)
เมื่อสแกนเรียบร้อยแล้วก็จะได้ไฟล์ภาพ
JPG
ที่มีขนาด 300 DPI
2.2 วิธีการจัดทำ Font ลายมือโดยใช้โปรแกรม
FontCreator5.5 จะมีขั้นตอนต่อไปนี้
เปิดโปรแกรม FontCreator5.5
ขึ้นเพื่อสร้าง Font และเปิดอีกหนึ่งโปรแกรม
(โปรแกรมอะไรก็ได้ที่สามารถ Copy ได้เช่น Adobe
Photoshop, Adobe Illustrator เป็นต้น ) โดยส่วนตัวในการจัดทำ Font
ในครั้งนี้ได้ใช้ Adobe Photoshop
ในการสร้างผลงานโดยทั้งสองโปรแกรมจะมีขั้นตอนการทำงานดังนี้
-เมื่อเปิดโปรแกรมทั้งสองขึ้นเสร็จเรียบร้อยแล้วโดยโปรแกรมAdobe
Photoshop ให้เปิดไฟล์ภาพที่ได้สแกนมา ก็จะได้ดังภาพต่อไปนี้
ภาพที่
7 ภาพตัวอย่างในการทำงาน
ที่มา:
นนทวัฒน์ บุตรนัย
-ส่วนโปรแกรม
FontCreator5.5 ให้เปิด ตัวอย่าง Font ที่จะนำมาทำงาน
(Font อะไรก็ได้ที่มีภาษาไทย) โดยการทำ Project นี้ผมได้ใช้ ต้นฉบับที่เป็น Font AAA-Watin-newในการทำ
Project นี้
เมื่อเปิดเสร็จแล้วก็จะได้ตัวอย่างดังภาพต่อไปนี้
ภาพที่
8 ภาพตัวอย่างในการทำงาน
(ที่มา:นนทวัฒน์ บุตรนัย)
-ขั้นตอนต่อไป คือ ให้ Copy
ตัว Font ที่ได้สแกนเข้าโปรแกรม Adobe
Photoshop โดยใช้เครื่องมือของ Adobe Photoshop คือ Rectangular Marquee Tool (M) เพื่อความเรียบง่ายในการ Copy โดยใช้เครื่องมือ
Rectangular Marquee Tool (M)
ลากเส้นทับให้เป็นสี่เหลี่ยมดังภาพต่อไปนี้
ภาพที่
9 ภาพตัวอย่างในการทำงาน
(ที่มา
:
นนทวัฒน์ บุตรนัย)
เมื่อได้ดังภาพให้กด
Ctrl
+C เพื่อเป็นการ Copy
หลังจากนั้นให้ไปที่โปรแกรม FontCreator5.5
โดยไปที่ตัวอักษรนั้นๆที่เรา Copy ดังภาพ
ภาพที่
10 ภาพตัวอย่างในการทำงาน
(ที่มา
:
นนทวัฒน์ บุตรนัย)
เมื่อได้ดังภาพให้ดับเบิ้ลคลิ๊กไปที่ตัวอักษรนั้นเข้าไปจะได้ดังรูปภาพ
ภาพที่
11 ภาพตัวอย่างในการทำงาน
(ที่มา
: นนทวัฒน์ บุตรนัย)
เมื่อได้ดังภาพแล้วให้กด
Ctrl+V
เพื่อเป็นการวางตัวอักษรที่เราได้ Copy ไว้เมื่อ
Ctrl+V ก็จะได้ดังภาพต่อไปนี้
ภาพที่
12 ภาพตัวอย่างในการทำงาน
(ที่มา
:
นนทวัฒน์ บุตรนัย)
3.วิธีทำ
Font
หนาและเอียง
ขั้นตอนในการทำ
Font
ต้น ฉบับให้เป็นตัวหน้าและตัวเอียงมีวิธีการดังต่อไปนี้
ขั้นตอนแลกคือเมื่อเปิด
โปรแกรม Font
Creator ขึ้นมาแล้วจากนั้นทำการเปิก Font ที่เราได้สร้างเสร็จแล้วขึ้นมาจะได้ตัวอย่างดังภาพต่อไปนี้
ภาพที่
13 ภาพตัวอย่างการทำงานในโปรแกรม Font
Creator
(ที่มา
:
นนทวัฒน์ บุตรนัย)
เมื่อได้ตัวอย่างดังภาพแล้วให้กด
Ctrl
และ ตัว A พร้อมกันจากนั้นจะได้เหมือนภาพตัวอย่างที่อยู่ด้านล่าง
ซึงการกด Ctrl และ ตัว A นั้นเป็นคำสั่งที่สามารถสั่งทั้งหมดได้ที่เดียวดังภาพ
ภาพที่
14 ภาพตัวอย่างการทำงานในโปรแกรม Font
Creator
(ที่มา
:
นนทวัฒน์ บุตรนัย)
เมื่อได้ตามตัวอย่างแล้วให้ไปที่คำสั่ง
Toois
จากนั้นให้ไปที่คำสั่ง Glyph TransFormer…เพื่อใช้ในคำสั่งต่อไป
เมื่อกดเข้าไปแล้วจะได้เหมือนภาพตัวอย่างที่อยู่ด้านล่าง
ภาพที่
15 ภาพตัวอย่างการทำงานในโปรแกรม Font
Creator
(ที่มา
:
นนทวัฒน์ บุตรนัย)
เมื่อได้ดังภาพแล้วจะมีเมนูชื่อ
Effects
ซึ่งคำสั่งนี้สามารถทำให้เป็นตัวหน้าหรือตัวเองได้
ส่วนตัวเอียงให้ไปที่คำสั่ง Italic เมื่อกดเข้าไปแล้วหน้าต่างนั้นจะขึ้นลายละเอียดที่สามารถแก้ไขได้ซึ่งสามารถจะให้ตัวอักษรเอียงแค่ให้ก็ได้โดยสามารถตั้งค่าความเอียงได้ที่
Angle สามารถตั้งได้ตามความต้องการ จากนั้นใด้กด OK เมื่อกด OK แล้วไม่สามารถกับมาแก้ไขให้เหมือนเดิมได้จะแก้ไขได้ก้ต่อเมื่อยังไม่ได้
บันทึกการทำงานของเราและให้ปิดส่วนที่เราได้ทำผิดไปและให้เปิดขึ้นมาทำใหม่นั้นเอง ส่วนตัวหนาก็ใช้วิธีทำเหมือนกันโดยให้เข้าไปที่เมนู
Bold เมื่อกดเข้าไปแล้วก็สามารถตั้งค่าได้เหมื่อกันวิธีทำเหมือนกันทั้งหมด
มเอทำการบันทึกงานเรียบร้อยแล้วและได้แก้ไขชื่อเรียบร้อยแล้วก็จะได้ชื่อและคำต่อท้ายเช่นตัวอย่างต่อไปนี้
สมมุติว่าชื่อ Font เดิมเป็น CRU-Nonthawat-Regular เมื่อเปลี่ยนเป็นตัวเอียงข้อความที่ต่อท้ายชื่อเราสามารถเปลี่ยนเป็น
CRU-Nonthawat-Italic ซึ่งคำที่ต่อท่ายนี้คือชื่อประจำของ Font
ที่ได้เปลี่ยนเป็นคำสั่งนั้นๆ ซึ่งตัวหนาก็จะเป็น CRU-Nonthawat-Bold และทั้งหนาและเอียงรวมกันก็จะได้ CRU-Nonthawat-Bold-Italic
ขั้นตอนการทดลอง
Font
ที่ได้สร้างขึ้นโดยใช้โปรแกรม FontCreator จาก
FontCreator ให้ไปที่เมนู Font +Test
เพื่อทำการทดสอบ Font ที่เราสร้างขึ้นจะได้ดังภาพ
ภาพที่15 ภาพตัวอย่างการพิมพ์ในโปรแกรม Font Creator
(ที่มา
:
นนทวัฒน์ บุตรนัย)
เมื่อทดสอบเรียบร้อยแล้วก็ต้องทดสอบกับโปรแกรมอื่นด้วยเพื่อความสมบูรณ์ของ
Font
เช่นโปรแกรม Adobe Photoshop, Adobe Illustrator, Microsoft
office
4.การติดตั้ง
Font
ลายมือ เพื่อใช้งาน
วิธีการติดตั้ง
Font
ลายมือลงเครื่องคอมพิวเตอร์ โดยง่าย ซึ่งใช้ Font ที่ได้สร้างไว้เรียบร้อยแล้ว โดยไปที่ Settings+Control Panel จากนั้นให้ไปคำว่า Font แล้วดับเบิ้ลคลิ๊กเข้าไปก็จะได้ภาพดังต่อไปนี้
ภาพที่ 16 ภาพตัวอย่างการติดตั้ง Font
(ที่มา
:
นนทวัฒน์ บุตรนัย)
เมื่อได้ดังภาพให้เปิดไฟล์หรือที่อยู่ของ
Font ที่ได้สร้างไว้เรียบร้อยแล้วให้ Copy ไฟล์
Font ที่เราได้สร้างไว้เรียบร้อยแล้วโดยกด Ctrl +C เพื่อเป็นการ Copy จากนั้นให้กด Ctrl+ V ที่บนหน้าต่างที่แนบมาด้านบน แค่นี้ก็เป็นการเสร็จสิ้นการติดตั้ง Font ที่ได้สร้างไว้เรียบร้อยแล้ว
จากนั้นก็สามารถนำ Font ที่ได้สร้างไปใช้งาน
ไม่มีความคิดเห็น:
แสดงความคิดเห็น