ฟอนต์พันธุ์ทิพย์

เริ่มโพสต์โดย uvSOV, 17 เม.ย. 2016, 09:03 น.

0 สมาชิก และ 1 บุคคลทั่วไป กำลังเปิดอ่านโพสต์นี้

uvSOV



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

วันนึงนั่งรถติดอยู่ประตูน้ำ เงยหน้ามองขึ้นไปเห็นภาพประมาณนี้เลยฟอนต์พันธุ์ทิพย์สวยดีแฮะ เลยลองแกะดู พบว่าจะทำได้ ต้องทำฟอนต์
ตัวซ้ำๆกัน แต่มีหัว และหางที่แตกต่าง .. งานเข้า  :38:



เริ่มจากหา English Font ต้นแบบที่ใกล้เคียง ผมเลือก Gentium Normal Italic (https://www.fontsquirrel.com/fonts/Gentium-Basic) มาใช้งาน เพราะเขาอนุญาตให้ใช้ได้

จากนั้นทำฟอนต์ไทยประกบจนหมด ได้เป็น SOV_Pantip_Gentium เป็นฟอนต์พื้นฐาน





แล้วเริ่มทำฟอนต์เฉพาะ และตัวพิเศษ เป็นหัว และหาง เพื่อให้หน้าตาคล้าย "พันธุ์ทิพย์ พลาซา" ได้เป็น SOV_Pantip_Special
จากคำแนะนำของเพื่อนสมาชิก จึงทำเป็น ฟอนต์ที่มีหัว หรือหาง มาให้เฉพาะเลย เพื่อให้มีหน้าคาคล้าย "พันธุ์ทิพย์ พลาซา" ได้เป็น SOV_Pantip_Extra



จัดช่องไฟ และความเป็นระเบียบโดยรวม



จากนั้นก็แอบทำตามที่เคยคิดไว้ เรื่องต่อหางหลายความยาว ใน SOV_Pantip_Special



คราวนี้ฟอนต์ยังว่างอีกเยอะ เลยทำหัวหางมั่วไปหมด รวมถึงตัวอิสระด้วย เอามาจากสารพัด free vector มั่วเละเลยคราวนี้





หน้าตาทั้งสามฟอนต์ครับ



ฟอนต์ภาษาอังกฤษเอามาจากต้นฉบับ ไม่ดัดแปลงเลย ยกเว้นย่อขนาดให้เข้ากับ template ครับ.. กราบขอบพระคุณอีกครั้ง


ฟอนต์ Pantip Gentium ใช้เป็นตัวอักษรยืนพื้นเวลาพิมพ์


ฟอนต์ Pantip Extra ใช้เปลี่ยนตัวอักษรให้มีหัว มีหาง แต่ใช้ได้เฉพาะบางตัวอักษร ตามรูปครับ


ฟอนต์ Pantip Special สำหรับงาน Graphic โดยเฉพาะ ไม่เหมาะกับงานเอกสาร หรือทำ web ที่ต้องเก็บเข้าระบบ computer นะครับ

เพราะมีการนำเอาตัวอักษรภาษาอังกฤษ มาใช้เป็นรูป หากเก็บในระบบจะทำให้ผิดความหมายได้
แต่ถ้าเอามาใช้ในงาน Graphic หรือ Presentation ที่เป็นรูป ก็น่าจะพอไหว


วิธีใช้ ปรับตามที่เพื่อนสมาชิกแนะนำ โดยใช้วิธีของอ.ธงชัย ให้เอา SOV_Pantip_Gentium เป็นฐานก่อนนะครับ แล้วค่อยเปลี่ยนเป็น SOV_Pantip_Extra สำหรับตัวหัวท้ายที่ต้องการ (บางตัวเป็นหัว บางตัวเป็นท้าย ลองดูที่ตัวอย่างฟอนต์นะครับ)



รบกวนเพื่อนๆ ทดสอบและแจ้งปัญหาให้หน่อยนะครับ
download ได้ที่นี่ -->
https://mega.nz/#!HBBUHarS!EDb-JK2YPHmF7qBLq_KSRn0g7MsYo-K90tDORCms3RA

ขอบคุณครับ  :46:

uvSOV

Credit :
1. เรื่องหางยาวนี่ ได้รับอิทธิพลจาก ฟอนต์ บางลี่โฆษณา http://www.f0nt.com/release/blk-bangli-ko-sa-na/
2. เรื่องหางระโยงระยางนี่ ได้รับอิทธิพลเต็มๆมาจาก ฟอนต์ แก้วเพชร ของ อ.ธงชัย ศรีเมือง http://www.f0nt.com/release/ts-kaewpet-np-ts-kaewpet-extra-np/
3. ตัวเลขไทยชุดนี้ ต้นแบบมาจาก ฟอนต์ ศรีนคร ของ อ.ธงชัย ศรีเมือง
4. ต้นแบบภาษาอังกฤษ Gentium https://www.fontsquirrel.com/fonts/Gentium-Basic
5. google ที่หาคำว่า swashes ทำให้ได้ font, vector และแนวคิดเรื่อง หัว หาง อีกเพียบ


Layiji

นักเขียนการ์ตูนรายปี

ijiryu

เว็บส่วนตัว www.ijiryu.com

าาา๐

perfectionist

หมีขาว

เพิ่มเติมเส้นระโยงระยางได้นี่ ผมนึกถึง อ.ธงชัย ศรีเมือง ขึ้นมาทันทีเลยนะ
http://www.f0nt.com/forum/index.php/topic,22787.0.html

แล้วก็อีกงานนึงที่นึกถึง คืองานปกอัลบั้ม "พวงร้อย"



ผมไม่รู้ว่าปกอัลบั้มนี้ออกแบบใน พ.ศ. ใด แต่ถ้าเป็นต้นๆ พศ.2500's ตามช่วงเวลาที่อัลบั้มนี้ออก นี่

ผมว่างานนี้ Modern มากๆ ในยุคนั้น

uvSOV

อ้างคำพูดจาก: หมีขาว เมื่อ 17 เม.ย. 2016, 16:30 น.
เพิ่มเติมเส้นระโยงระยางได้นี่ ผมนึกถึง อ.ธงชัย ศรีเมือง ขึ้นมาทันทีเลยนะ
http://www.f0nt.com/forum/index.php/topic,22787.0.html

แล้วก็อีกงานนึงที่นึกถึง คืองานปกอัลบั้ม "พวงร้อย"


ผมไม่รู้ว่าปกอัลบั้มนี้ออกแบบใน พ.ศ. ใด แต่ถ้าเป็นต้นๆ พศ.2500's ตามช่วงเวลาที่อัลบั้มนี้ออก นี่

ผมว่างานนี้ Modern มากๆ ในยุคนั้น

ใช่ครับ เรื่องหางระโยงระยางนี่ ได้รับอิทธิพลเต็มๆมาจาก ฟอนต์ แก้วเพชร ของ อ.ธงชัย แต่ความเนียนงามของผม ยังห่างไกล
ต้องฝึกเรื่อง vector อีกเยอะครับ  แถมตัวเลขไทยชุดนี้ ก็เอาต้นแบบมาจาก ฟอนต์ ศรีนคร (ขออภัย ไม่ได้แจ้ง credit ไว้ด้วย  :46:)  
นอกจากฟอนต์สวยงามแล้ว แนวคิดการแก้ปัญหา การนำไปใช้งานของ อ.ธงชัย ก็ถือเป็นสุดยอดครับ การทำฟอนต์ -Extra และ Bold นี่
ตอบโจทย์เรื่องการต้องจำ ตัวอักษรพิเศษจริงๆ
ต้องขอบคุณ คุณหมีขาวมากนะครับ ส่ง link นี้มาให้  เปิดกะโหลกจริงๆ โดยเฉพาะ ฟอนต์ แก้วกัลยา โห!! :18: ดีนะไม่เห็นเสียก่อน
ไม่งั้น.. ผมจะเตลิดไปไกล ไม่เสร็จแน่งานนี้

ส่วนเรื่องหางยาวนี่ ได้รับอิทธิพลจาก ฟอนต์ บางลี่โฆษณา ครับ  เห็นครั้งแรกถึงกับอึ้ง..รักเลย :10:

-------------------
ฟอนต์คำว่า พวงร้อย สวยมากครับ แนวคิดการดัดตัวอักษรละติน มาเป็นอักษรไทย และเพิ่มอัตตลักษณ์เข้าไปนี่ ยังคงมีอยู่ทุกยุคสมัยนะครับ


uvSOV

#6
ขอบคุณทุกความเห็น  หากมีผิดพลาดประการใด แจ้งได้นะครับ

iannnnn


Sungsit

โอ้ น่าสนใจครับ Gentium เป็นฟอนต์เสรีในตำนาน ทั้งในแง่ความงามและการรองรับหลากหลายภาษา เติมตัวไทยเข้าไปน่าจะดี http://software.sil.org/gentium/

แต่ผมไม่เห็นด้วยที่มีฟีเจอร์ให้ป้อนตัวอักษรเพิ่ม เพราะมันบิดเบือนข้อมูลสำหรับคอมพิวเตอร์ ถ้าฟอนต์ใช้สำหรับโปรแกรมทำภาพกราฟิคอย่างเดียวคงไม่มีปัญหา แต่ถ้าใช้ในเอกสารมันคือเรื่องใหญ่นะครับ มัน spoil ผู้ใช้ (เช่น ฟอนต์บาลีที่เปลี่ยนสระอึเป็นสระอิบวกนิคหิต หรือ ฟอนต์ที่เปลี่ยนเลขอารบิคเป็นเลขไทย มันทำให้ผู้ใช้ป้อนข้อมูลไม่ถูกต้องตามโค้ดพอยน์ของตัวอักษร) เพราะข้อมูลที่คอมพิวเตอร์บันทึกมันต่างจากที่ตามนุษย์เห็น สมมติมีคนเอาไปใช้เป็นฟอนต์ในเว็บแล้วเขาพิมพ์ตัว q หรือ t เพื่อเติมหัวเติมหาง search engine มันก็เก็บตัว q & t เพิ่มเข้าไปด้วยนะครับ หรือถ้าใช้กับพวก text file เวลาเปลี่ยนฟอนต์ก็คงลำบาก เพราะมันมีตัวอื่นเกินมา

ผมยังไม่ได้เปิดดูในฟอนต์แต่คาดว่าคงใช้ liga ผมว่าใช้ฟีเจอร์พวก ssXX หรือพวก glyph substitute ให้เลือกเปลี่ยนสไตล์โดยไม่บิดเบือนวิธีป้อนข้อมูลน่าจะเหมาะกว่า
เทมเพลตฟอนต์ไทย FontUni https://github.com/fontuni/fontuni/releases

uvSOV

อ้างคำพูดจาก: Sungsit เมื่อ 18 เม.ย. 2016, 22:47 น.
โอ้ น่าสนใจครับ Gentium เป็นฟอนต์เสรีในตำนาน ทั้งในแง่ความงามและการรองรับหลากหลายภาษา เติมตัวไทยเข้าไปน่าจะดี http://software.sil.org/gentium/

แต่ผมไม่เห็นด้วยที่มีฟีเจอร์ให้ป้อนตัวอักษรเพิ่ม เพราะมันบิดเบือนข้อมูลสำหรับคอมพิวเตอร์ ถ้าฟอนต์ใช้สำหรับโปรแกรมทำภาพกราฟิคอย่างเดียวคงไม่มีปัญหา แต่ถ้าใช้ในเอกสารมันคือเรื่องใหญ่นะครับ มัน spoil ผู้ใช้ (เช่น ฟอนต์บาลีที่เปลี่ยนสระอึเป็นสระอิบวกนิคหิต หรือ ฟอนต์ที่เปลี่ยนเลขอารบิคเป็นเลขไทย มันทำให้ผู้ใช้ป้อนข้อมูลไม่ถูกต้องตามโค้ดพอยน์ของตัวอักษร) เพราะข้อมูลที่คอมพิวเตอร์บันทึกมันต่างจากที่ตามนุษย์เห็น สมมติมีคนเอาไปใช้เป็นฟอนต์ในเว็บแล้วเขาพิมพ์ตัว q หรือ t เพื่อเติมหัวเติมหาง search engine มันก็เก็บตัว q & t เพิ่มเข้าไปด้วยนะครับ หรือถ้าใช้กับพวก text file เวลาเปลี่ยนฟอนต์ก็คงลำบาก เพราะมันมีตัวอื่นเกินมา

ผมยังไม่ได้เปิดดูในฟอนต์แต่คาดว่าคงใช้ liga ผมว่าใช้ฟีเจอร์พวก ssXX หรือพวก glyph substitute ให้เลือกเปลี่ยนสไตล์โดยไม่บิดเบือนวิธีป้อนข้อมูลน่าจะเหมาะกว่า

ว๊าว!!  :18:  ประเด็น น่าสนใจครับ โดยเฉพาะเรื่องการเก็บ code ตามมาตรฐานสากล (ณ ปัจจุบัน ปี 2016  เรายึด unicode เป็นมาตรฐาน)
ผมเห็นด้วยกับคุณ Sungsit นะครับ  เพราะตอนนี้ผมเองได้มีโอกาสทำงานที่ต้องใช้ font ของประเทศเพื่อนบ้าน บางประเทศเพิ่งเริ่มใช้ unicode
แต่คนส่วนใหญ่ของประเทศยังใช้ font มาตรฐานเดิม  (คล้ายๆช่วงเปลี่ยนถ่ายจาก ส.ม.อ. มาเป็น unicode บ้านเรา)  ผมก็ยังยืนยัน และบอกทีมงานว่าการแสดงผลปรับเปลี่ยนได้ แต่การเก็บ code ลงในระบบ ขอให้เป็น unicode หรือ utf8 ..  เริ่มงงตัวเอง :38:

แต่ในอีกมุม การที่ผมเลือกทำ ฟอนต์ ต่อหัว ต่อหาง ก็เพราะอยาก spoil ผู้ใช้งานธรรมดา ที่ไม่ได้เป็นนักกราฟิค ไม่ได้มีเครื่องมือเฉพาะสำหรับปรับแต่งตัวอักษรได้ แค่ใช้โปรแกรม presentation ง่ายๆ  แล้วเลือกใช้ฟอนต์ ที่ออกแบบมาให้ยึดหยุ่น เลือกปรับเปลี่ยนตัวอักษร แทนการใช้เครื่องมือเฉพาะ  น่าจะทำให้ผู้ใช้สะดวกขึ้น ..คิดแค่นั้น และทำการทดลองดู  (จึงๆเอาแนวคิดมาจาก font พวก swashes ของฝรั่งแหละ)

ยังไงขอบคุณสำหรับความเห็น ที่ลึกซึ้งและเป็นประโยชน์มาก  :46:  ขอกลับไปหาทางออกอีกทีครับ ... งานเข้าสินะ :48: เพราะผมเห็นด้วยกับผลกระทบที่คุณ Sungsit บอก  :45: :45: :45:

Sungsit

อ้างคำพูดจาก: uvSOV เมื่อ 19 เม.ย. 2016, 09:08 น.
แต่ในอีกมุม การที่ผมเลือกทำ ฟอนต์ ต่อหัว ต่อหาง ก็เพราะอยาก spoil ผู้ใช้งานธรรมดา ที่ไม่ได้เป็นนักกราฟิค ไม่ได้มีเครื่องมือเฉพาะสำหรับปรับแต่งตัวอักษรได้ แค่ใช้โปรแกรม presentation ง่ายๆ  แล้วเลือกใช้ฟอนต์ ที่ออกแบบมาให้ยึดหยุ่น เลือกปรับเปลี่ยนตัวอักษร แทนการใช้เครื่องมือเฉพาะ  น่าจะทำให้ผู้ใช้สะดวกขึ้น ..คิดแค่นั้น และทำการทดลองดู  (จึงๆเอาแนวคิดมาจาก font พวก swashes ของฝรั่งแหละ)

ฟอนต์รุ่นก่อน OpenType เค้าแก้โดยแยกไฟล์ฟอนต์เป็น variants ครับ เช่น Small Caps, Swash เวลาจะเปลี่ยนสไตล์ตัวอักษรก็เปลี่ยนฟอนต์ประมาณนั้น (เหมือนเปลี่ยนน้ำหนัก) อย่าง Mrs Eaves คนทำฟอนต์ลำบากกว่าคนใช้ฟอนต์แน่ๆ แต่วิธีนี้ใช้ได้กับทุกโปรแกรมที่เปลี่ยนฟอนต์ได้
เทมเพลตฟอนต์ไทย FontUni https://github.com/fontuni/fontuni/releases

Wandwarun

 :18: :45: :45: :45: :45:ยอดเยี่ยมทุกท่าน

คุณชาย ( 737 )

สู่ความโดดเดี่ยว อันไกลโพ้น

B o o k

น้ำตาจะไหล ทำได้ยังไง

SMF 2.1.7 © 2026, Simple Machines