ฟอนต์ฟอรั่ม

คือผมลองทำดูแล้วก็ยังเจอปัญหา หลายอย่าง อยากจะหาแนวร่วมใครว่างๆ ช่วยทดลองทำครับ
ผมไม่รู้จะเริ่มอ่านจากตรงไหนเกี่ยวกับพื้นฐานของการทำfont   ถ้าใครพอรู้ยังไงช่วยแนะนำด้วยน่ะครับ

เรื่องมีอยู่ว่า
ตัวโปรแกรม CorelDRAW นอกจากใช้ออกแบบรูปทรงของfontแล้ว   ก็ยัง สร้างเป็นfontได้เลย 
เริ่มจากไปดูจากบทความที่เขาเขียน วิธีทำ font ด้วย CorelDRAW ตามนี้ครับ
https://coreldesigner.wordpress.com/2009/03/06/create-your-own-custom-fonts-using-coreldraw-part-i/ (https://coreldesigner.wordpress.com/2009/03/06/create-your-own-custom-fonts-using-coreldraw-part-i/)

หลักการก็มีอยู่ว่า ใช้ CorelDRAW วาดตัวอักษร ที่ต้องการ แล้วทำการ export รูปที่วาดไปเป็น นามสกุล ttf
export เซฟทับ ไปในตำแหน่งของตัวอักษรนั้นๆ
เซฟทับไปที่ไหนล่ะ?  ตัวCorelDRAW ก็มีtemplat พื้นฐานให้
แต่ผมขออนุญาติใช้ templat ของท่านนายพลตามลิงค์นี้ครับ http://www.f0nt.com/forum/index.php/topic,8521.0.html (http://www.f0nt.com/forum/index.php/topic,8521.0.html)
เพราะว่าเป็นภาษาไทยตำแหน่งการจัดวางตัวหนังสือ น่าจะดีกว่า ใช้ templat ของ CorelDRAW เอง

ที่นี้ปัญหาก็มีอยู่ว่า เราจะวางตัวอักษรไว้ตำแหน่งไหนบนกระดาษ  เราก็ต้องโหลด แบบฟอร์มพื้นฐาน (https://coreldesigner.files.wordpress.com/2009/01/font01-09.jpg)
จากเวปแรกที่ให้ลิงค์ครับ มาเป็นต้นฉบับให้การวางตำแหน่ง font

1. เปิดแบบฟอร์มพื้นฐานขึ้นมา แล้วออกแบบตัว ก.ไก่ ลงไป  จุด origin บนเส้นbaseline คือตัวที่ใช้คุมอักษร ว่าแต่ล่ะตัว จะอยู่ตำแหน่งไหน ระยะห่างเท่าไรจากจุด origin  ก.ไก่ เราก็เยื้องมาหลังจุดนิดหนึ่ง กะเอาไปก่อน แล้วค่อยมาปรับหาจุดที่พอดี (เพราะเราไม่มีแบบฟอร์มพื้นฐานสำหรับภาษาไทยเดาโล้ด)
(http://i1066.photobucket.com/albums/u403/narongdij1/1_zpsu5lo7dtb.jpg)

2. เตรียมไว้ก่อน เปลี่ยนชื่อเทมเพลด นายพลก่อน ผมก๊อบขึ้นมาอีกชุด แล้วเปลี่ยนเป็น Np naipoltcu.ttf
เพื่อเทมเทรดต้นฉบับจะได้ไม่เสีย
แล้วกดexport แล้วเลือกชื่อ เทมเพลดนายพลที่เปลี่ยนใหม่เป็น ชื่อ  Np naipoltcu.ttf ที่เราเตรียมไว้ตั้งแต่ที่แรก   ลักษณะเหมือนกันเซฟทับ
(http://i1066.photobucket.com/albums/u403/narongdij1/2_zpszqszugwd.jpg)

3. ต้องออกแบบให้มีแค่ชิ้นเดียวน่ะครับ ถึงไม่ต่อกันก็ต้องเชื่อมเป็นชิ้นเดียวกัน เช่นตัวสระ อะ

ตำแหน่งก.ไก่ต้องเซฟสองจุดคือ161 กับ 3585

เปิด Character block:
เป็น Latin-1 Supplement ตำแหน่งเซพทับ 161
เป็น Thai ตำแหน่งเซพทับ 3585

Family name
ตั้งชื่อ ตามใจชอบ (ชื่อนี้จะปรากฎ ชื่อบน font list ใน CorelDRAW เวลาเราเลือกfont)
(http://i1066.photobucket.com/albums/u403/narongdij1/3_zpsrxay4tkf.jpg)
(http://i1066.photobucket.com/albums/u403/narongdij1/4_zpsl4htt99k.jpg)
เหตุที่ต้องเซฟทับสองตำแหน่ง ผมก็ไม่ทราบเหมือนกันแต่ว่า ดูจาก แทมเพลดท่านนายพล มีสองชุดแบบนั้น  (ใครรู้วานบอกครับ)

(http://i1066.photobucket.com/albums/u403/narongdij1/np_zpsawcqashx.jpg)

Latin-1 Supplement ตำแหน่งเซพ สีดำ
Thai ตำแหน่งเซพ สีแดง

ผมลองทำ4ตัวแล้ว ติดตั้งfont ใน window ใช้ได้ครับ แต่ว่ายังไม่ได้ลองพวกวรรณยุกติ์

(http://i1066.photobucket.com/albums/u403/narongdij1/5_zps0f9u60zd.jpg)

:25: โห ความรู้ใหม่เอี่ยมเลยครับ

เฮ้ย เจ๋ง :25:

เฮ้ย  เพิ่งรู้นะเนี่ยว่าเวอร์ชั่นใหม่ทำได้ขนาดนี้...........สุดยอด  :25:
เดี๋ยวลองเล่นดูหน่อย



ปล.รอหาโปรแกรมก่อน...ตอนนี้ใช้ X4  :30:

X4 ก็ทำได้ครับ เพราะว่า ต้นฉบับทางเวปcoreldesignerกระทู้เค้าโพสมาตั้งแต่ปี 2009     X4วางจำหน่ายครั้งแรกปี 2008

หลังจากหายไปเกือบปี จริงๆ เวลามันผ่านไปเร็วมาก  ผมเริ่มเข้าใจวิธีทำแล้ว  เริ่มต้นด้วย การดูรูปนี้ก่อนครับเพิ่มความเข้าใจ
(http://i1068.photobucket.com/albums/u456/ecofanta1/_zpskgwvy8ju.jpg)

จากรูปเราจะเห็น จุด Origin ซึ่งเป็นจุด ต้นกำเนิด แต่เรียกง่ายๆว่าเป็นจุดคุมตัวอักษรตัวนั้นๆครับ
มันจะเป็นจุดตัด จุดแรก ที่จะเห็นตอน export หน้ากอไก่
เราจะเว้นระยะห่างหน่อยหนึ่ง (ไม่เว้นก็ได้ ให้ติดเลยก็ได้ แต่ต้องเหมือนกันทุกตัว คือเว้นต้องเว้นหมด ไม่เว้นก็ไม่เว้นหมด)

ซึ่งจุด Origin จะวางแนวเดียวกับ baseline คือเส้นบรรทัดนั้นเอง  มันจะตรงเป็นแนวเดียวกัน เพราะฉะนั้นเราก็ต้องวางตัวอักษรบนบรรทัดนั้น
ส่วนใครอยากจะออกแบบให้ font กระโดดขึ้นกระโดดลงก็ตามใจ โดย ยกขึ้นยกลงเอง (แต่แบบผมทำตรงบรรทัดดีกว่า)

ส่วนที่สองที่เราต้องมาดูกันคือ ความกว้างตัวอักษร
(http://i1068.photobucket.com/albums/u456/ecofanta1/_zpsus0rvtxr.jpg)

จากรูปเราจะเห็น ช่องให้กรอกความกว้างของตัวอักษร  Character width
Character width จะกำหนดความกว้างของตัวอักษร
ตามตัวอย่างผมกด แบบ Auto  โปรแกรมจะคำนวนให้เอง คือ 664

แต่ เราเปลี่ยนเป็นตั้งด้วยมือดีกว่า โดยปิด ระบบ Auto แล้วกรอกตัวเลขเอง เพื่อให้อักษรทุกตัวมีขนาดเท่ากัน  (เว้น ณ ฒ ญ ฌ)
จริงๆแล้วแต่ล่ะอักษรมีขนาดไม่เท่ากัน แต่สิ่งที่จำเป็นต้องเท่ากัน คือ ช่องว่างระหว่าง จุดoriginถึงตัวอักษร กับช่องว่างระหว่างสุดตัวอักษรกับเส้นกั้นหลัง
ต้องให้เท่ากัน เพราะเมื่อทำเป็น font แล้ว ระยะช่วงไฟระหว่างตัวอักษรจะได้สวยงาม   แต่ไม่ต้องห่วงเราแก้ไขเฉพาะตัวที่มีปัญหาได้ทุกเมื่อโดยการขยับอักษร
หรือ กำหนดความกว้างใหม่ แล้วเซฟทับอีกครั้ง เฉพาะตัวนั้นๆ

หรือจะออกแบบให้เท่ากันไปก็ได้ตามใจ
ในกรอบ เราจะเห็นเส้นกั้นหน้า กั้นหลัง
เส้นกั้นหน้าคือ จุด origin
เส้นกั้นหลังคือ ความกว้างของตัวอักษร จากจุด Origin

ตอนนี้คนอาจจะงง นิดหน่อยคือ  ไม่เห็นเส้นมันติดกับอักษร เลย  ความกว้างของตัวอักษรในที่นี้คือ ช่วง ช่องว่า ของแต่ล่ะตัวครับ
คือตอน key ระบบจะไม่สนใจว่า รูปรอยอยู่ตรงไหน มันจะยึดกรอบความกว้างของตัวอักษรเป็นหลัก แล้วเอามาเรียงต่อๆกันขณะพิมพ์
ซึ่ง รูปรอยของตัวfont จะล้นออกไปก็ได้

(http://i1068.photobucket.com/albums/u456/ecofanta1/_zpssbmgek4i.jpg)

จากรูปผมแยกเป็นตัวๆ ให้ดูเพิ่มความเข้าใจเรื่อง Character width
ตามรูปจะเห็นเลยว่า มันแยกกรอบเป็นตัวๆ  เมื่อพิมพ์ มันจะเรียงตัวกันแบบข้างล่าง

ตัวอย่างสอ เสือตัวสุดท้ายผมลากหางล้นกรอบออกไปได้ เวลาkey มันก็จะเรียงแบบด้านหลัง ต่อๆกันไปเรื่อยๆ

สังเกตุดู สระอิ กับ ไม้โท ครับ  พวกนี้เราต้องทำเป็น Character width เป็น 0 คือ ไม่มีความกว้างของ Character width เลย
เวลาพิมพ์ มันยัง แทรกอยู่ล่ะระหว่างตัวอักษร โดยไม่ปรากฏช่อง พูดง่ายๆคือ จุดorigin มันไปซ้อนทับกับตัวหลังสุดนั้นเอง
เวลาวาง เราก็วางเยื้องไปข้างหน้าจุด Origin กะให้มันอยู่ด้านบนอักษร

(http://i1068.photobucket.com/albums/u456/ecofanta1/_zpswvwpq9bf.jpg)
ตัวอย่างการวางตัว สระอิ จะเห็นว่า วางไว้นอกกระดาษเลย ซึ่งมันจะอยู่เลยจุด origin ไปทางซ้าย
เพราะว่ามันต้องไปอยู่บนตัวอักษร ตัวสุดท้าย

ส่วน Character width ตั้งค่าเป็น 0

ถึงในกรอบ export จะเห็นไม่เต็มก็ไม่เป็น ไร export ได้เลยมันครบอยู่แล้ว

ผมทำตัวอย่างเป็น วิดีโอสอนตอน ในการทำfont ด้วย CorelDRAW เพิ่มความเข้าใจครับ
ตอนที่1



ตอนที่2



ลองทำกันดูครับ

คือผมทดลองทำ font แล้วมาชุดหนึ่งใช้ได้กับ CorelDRAW ไม่มีปัญหาครับ
ผมทำสติกเกอร์lineขาย เลยทำออกมาใช้เอง  ไม่ได้ทำตัวเลข ทำแค่ thai พื้นฐานใช้พิมพ์
พิมพ์ได้ไม่มีปัญหาครับ

***สำหรับการไปใช้กับโปรแกรมอื่น ***
ก่อนทำ ถ้าไม่แน่ใจว่า จะใช้ font ที่ทำด้วย CorelDRAW ไปใช้กับโปรแกรมทั่วไปได้หรือไม่   
ให้เราลองทำซัก ห้าหกตัว ทดลองก่อน
แล้วเอาไปติดตั้งใน windows แล้วลองดูกับโปรแกรมอื่น
ถ้าใช้ได้ ค่อยมาทำจนครบทุกตัว จะได้ไม่เสียเวลา

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

ถ้าใครทราบตำแหน่งเซฟเพิ่มเติม สามารถแจ้งต่อๆไปจากกระทู้นี้ เพื่อความสมบูรณ์

หลังจากที่ผมทดสอบทำในวิดีโอที่โพสสองตอนนั้น ผมเซฟ แต่ thai ไม่ได้เซพ latin
ทำให้ file เล็กติ๊ดเดียว แต่ว่า ก็ใช้พิมพ์ใน CorelDRAW ได้ครับ
และตั้งชื่อ font ว่า testfont


จะเห็นว่า หาง "ไ"  ทิ่มเข้าไปที่ตัวไม้เอก
เกิดจากการออกแบบ ก็สามารถแก้หางให้หดเข้ามาได้แล้วเซฟใหม่  ใน font ตัวเดิม

(http://i1068.photobucket.com/albums/u456/ecofanta1/new10_zpski12tcm6.jpg)

อันนี้ผมปรับแก้ตัว ไม้มลาย ให้ปลายหางหดเข้ามาแล้วเซฟทับไปใหม่
ดึง อิอี ลง เพื่อไม่ให้ชนกับ ไม้โท
แล้วเลือน ไม้หันอากาศ ไปถ้าขวานิดหนึ่ง
แล้ว เอาfontไปติดตั้งใหม่ แล้วทดลองพิมพ์มาตามนี้ครับ ก็จะดูสวยขึ้น
เราสามารถ แก้ที่ล่ะตัวเมือ รู้สึกว่ามันอยู่ไม่ถูกตำแหน่ง ได้เรื่อยๆ ครับ
(http://i1068.photobucket.com/albums/u456/ecofanta1/new11_zpsa3jscjra.jpg)

เยี่ยมมากเลยครับ มีคลิปสอนทำด้วย :12:

แถมอีกคลิบครับ แอดมิล ตอนจบ  ขั้นตอนการแก้ไขตำแหน่งที่เยื้องผิด