ฟอนต์ฟอรั่ม

สำหรับคนทำฟอนต์ => เทคนิคฟอนต์ => โพสต์ถูกเริ่มโดย: uvSOV เมื่อ 02 ต.ค. 2021, 18:41 น.

ชื่อเรื่อง: ทำฟอนต์สีด้วย open source tools
โพสต์โดย: uvSOV เมื่อ 02 ต.ค. 2021, 18:41 น.
เพิ่งทำเสร็จ รีบเขียนก่อน เดี๋ยวลืม

(http://img3.f0nt.com/02/5054a2ebd496d4301648e270f1799d71.jpg)
(http://img3.f0nt.com/02/e1b9f8a14e8824782880801043debc30.jpg)
(http://img3.f0nt.com/02/c5bd2422a589c34087dfcf6f0bc0c9a1.jpg)
(http://img3.f0nt.com/02/672e60ca3bf9124d92fac7074f10927c.jpg)
(http://img3.f0nt.com/02/cc1a4ffed9ded14907a99e8cbd9894e2.jpg)
(http://img3.f0nt.com/02/2ca15b3eaaec8e4669073975f91f3884.jpg)
(http://img3.f0nt.com/02/851f0dbe4f1b521ee98795d0747c3671.jpg)
(http://img3.f0nt.com/02/7c98f19c0e2df235fb98c47f2023971b.jpg)
(http://img3.f0nt.com/03/6a558d432f7442a4bf324d615ad50c39.gif)
ชื่อเรื่อง: ตอบ: ทำฟอนต์สีด้วย open source tools
โพสต์โดย: uvSOV เมื่อ 03 ต.ค. 2021, 09:16 น.
อีกวิธีสำหรับการทำ ฟอนต์รูปภาพ  emoji ที่คุ้นเคย

(http://img3.f0nt.com/03/3b501a0eba4900e0d278d0bb4d1662c4.jpg)
(http://img3.f0nt.com/03/9346daf1fed5f38bcd6d9563f88e64e9.jpg)
(http://img3.f0nt.com/03/522bf4a74a41c90a9e45116d70bb61cd.jpg)
(http://img3.f0nt.com/03/ee5c7175c2d559d8125dbb0e4df3d62d.jpg)
(http://img3.f0nt.com/03/d7aa815b4e5a082c6bc00ac0f00a17fc.jpg)

fix issues  เนื่องจาก MS word ไม่แสดงผลภาษาอังกฤษ
1. รู้แหละว่า มันไม่ได้ได้กำหนด codepage Latin1 ไว้  แต่ไม่รู้ทำไม เพราะ tools gen font ให้
ก็เลยต้องไปหา source code แล้วเจอเงื่อนไข ว่ามันแอบ check character ไว้ตัวนึง  ก็เลยไปเพิ่มตัวนั้น.. เสร็จโจร

(http://img3.f0nt.com/04/3223107d14e491d5d718e4f60da3625c.jpg)

อีก issues คือ ภาษาไทย ไม่แสดงวรรณยุกต์ชั้น 2 เดาได้เลยว่า MS ทำการแปลงฟอนต์ไทยอัตโนมัติ
โดยไปเอาฟอนต์ในตำแหน่ง F700-F71F มาใช้ ก็เลยไป add ไว้ ..จบ
ชื่อเรื่อง: ตอบ: ทำฟอนต์สีด้วย open source tools
โพสต์โดย: uvSOV เมื่อ 31 ต.ค. 2021, 11:02 น.
การนำ nanoemoji มาประยุกต์ ทำฟอนต์สีภาษาไทย

เนื่องด้วย nano emoji ถูกออกแบบมาสำหรับทำ emoji font โดยเฉพาะ เท่าที่ไล่ source code python การจะเอามาทำฟอนต์สีภาษาไทย ดูแล้ว ห่างไกลมาก ถ้าจะแก้ code คงอีกนาน..
(http://img3.f0nt.com/31/0808e1d13114ab19f1ca323b56b51855.jpg)

อันดับแรก หา concept ก่อนว่า จะทำฟอนต์สี ยังไง ไม่ให้เหมือนการเอารูปมาแปะ หรือเอาสีมาทา หรือการทำ effect ซึ่งใช้ฟอนต์ ธรรมดา เป็นฐานได้ .. สุดท้ายจบที่ของใกล้ตัว ผ้าขาวม้า ใช้ทุกวัน ทั้งนอนและตื่น อิอิ เอามาพับไปพับมา
(http://img3.f0nt.com/31/a7ae9dfb71092a1a0f1dba88b1cfc8e2.jpg)

เมื่อทำครบทุกตัวอักษรในภาพรวมแล้ว ก็จัดวางตำแหน่งให้แม่นยำ เนื่องจากไม่มี tools มาช่วยขยับแบเคยๆแล้ว แล้วจึงย้ายมา save เป็น SVG file ที่ละตัว (หลอกว่าเป็น emoji) มีการกำหนดความกว้างแคบตัวอักษรบ้าง แต่ผลไม่เป็นอย่างตั้งใจเป๊ะ แค่พอกล้อมแกล้ม ช่องไฟเลยดูห่างๆไปหน่อย
(http://img3.f0nt.com/31/c0b69eb5fe339ff4c5a9faee03270678.jpg)

ตอน save จากเดิมเป็น ttf file ก็เปลี่ยนเป็น ufo file เพื่อจะได้แก้ไข บางส่วนที่ต้องการจัดการภาษาไทยได้
(http://img3.f0nt.com/31/7526b7529a32c5dc86083cc3c7f8f0b1.jpg)

พอจะทำเรื่องภาษาไทย ก็ใช้วิธี gen ttf file อีกรูปแบบหนึ่ง เพื่อจัดการภาษาไทยในส่วนที่ไม่เกี่ยวกับสี
(http://img3.f0nt.com/31/f358f1fd1ebb23de54589d8af5177488.jpg)

เปิด file เมื่อกี้ด้วย fontforge แล้วก็จัดการส่วนภาษาไทย เช่น ความกว้างสระบนล่าง วรรณยุกต์ ไม่ควรมี ใส่สูตรจัดการปัญหาสระลอย
(http://img3.f0nt.com/31/31cdc9bdcce4eae37903bcc278092b48.jpg)

ทำการ save เป็น ufo file เช่นเดียวกับฟอนต์สี เพื่อให้ได้ format เดียวกัน จากนั้น ก็ copy ส่วนที่แก้ไข นำไปทับ file ชื่อเดียวกันใน ฟอนต์สี เพื่อกำหนดให้เป็นไปตามที่เราต้องการ เช่นกำหนดขนาดวรรณยุกต์ กำหนดสูตรภาษาไทย โดยต้องแก้ไขบางส่วนเพื่อให้ compile ผ่าน
(http://img3.f0nt.com/31/3d06c62459769346e81ad34e75daf025.jpg)

ขั้นสุดท้ายก็ทำการ gen ttf file สี จาก ufo file ที่มีคุณสมบัติสี ตอนแรก + การจัดการภาษาไทย ที่แอบแก้ภายหลัง ก็จะได้เป็นฟอนต์สี ภาษาไทย โดยไม่ต้องแก้ source code จ้า .. ขั้นตอนเยอะหน่อย แต่ก็ทำสนุกดี สำหรับการใช้ opensource มาประยุกต์
(http://img3.f0nt.com/31/ab19ca5d636c157d292878ac9c49372e.jpg)

พอ hack แบบนี้ ผลก็อาจจะไม่สมบูรณ์นัก  อาจจะแสดงผลไม่ได้ครบทุกโปรแกรมนะครับ  ถ้าจะให้สมบูรณ์ ก็คงต้องใช้ของมี brand จ๊ะ

ขอบคุณครับ