ฟอนต์ฟอรั่ม

(http://img3.f0nt.com/10/0a80b583f0fd179a6a3b667f02d0c655.gif)

ฟอนต์เด้งดึ๋ง ตอนแรกจะทำเป็น variable font แต่คิดว่าคนจะนำไปใช้งานไม่ได้ เลยปรับกลับมาเป็นฟอนต์ปรกติ  ใช้งานยากหน่อยแต่น่าจะพอใช้ได้

เริ่มจาก ทำฟอนต์เลียนแบบ animation 5 frame
(http://img3.f0nt.com/10/ba4a229039f853091422a36f0ea044d3.jpg)

ถ้าพิมพ์เป็นคำ จะปรับรูปแบบตัวอักษรให้เองเฉพาะภาษาไทย เว้นวรรคได้ด้วยนะ
(http://img3.f0nt.com/10/af0fa36f04609c1027daddfc16a62366.jpg)

เมื่อต้องการให้ขยับเป็น frame ถัดไป ให้ใส่ ฯ ข้างหน้า
(http://img3.f0nt.com/10/4f671f875c46a38e48817d5c5d2d9302.jpg)

ไม่เหมาะกับ ประโยค หรือข้อความยาวๆเลย
(http://img3.f0nt.com/10/41394af6e68996e806439bf5e4d94908.jpg)

ตอนเอามาทำ animation ก็แล้วแต่ tools โดยพิมพ์คำที่ต้องการ ไว้คนละ frame หรือคนละ layer

จบ จ๊ะ
uvSOV

download https://drive.google.com/file/d/1OoqxefUXV_RIJn2f8ZwU6a0WweThxgOp/view?usp=sharing (https://drive.google.com/file/d/1OoqxefUXV_RIJn2f8ZwU6a0WweThxgOp/view?usp=sharing)

เบื้องหลัง นิดหน่อย

1. ออกแบบอักษรทุก frame
(http://img3.f0nt.com/10/391036603470d2591a5744b31a7e0c2e.jpg)

2. coding เงื่อนไขการใช้งานฟอนต์

3. การทำ animation ทำรูปให้ครบ 5 frames ด้วย tools ที่ถนัด
(http://img3.f0nt.com/10/37f4ab12c0ddb3e8770d577ccede12b3.jpg)

4. upload รูปขึ้นไปทำ gif แบบ online
ผมใช้ web นี้ https://ezgif.com/maker (https://ezgif.com/maker)

ว่าาว  :18:  ถ้าทำเป็น SVG font จะได้ไหมครับ

อ้างคำพูดจาก: Jipatype เมื่อ 11 ก.ย. 2022, 11:26 น.
ว่าาว  :18:  ถ้าทำเป็น SVG font จะได้ไหมครับ

ทำได้นะครับ แต่จะเจอปัญหายิ่งกว่า variable font ซะอีก เพราะ SVG font มีแค่ firefox และ adobe ที่ยอมรับ เอาไปแสดงผลที่อื่นไม่ได้เลย

วันก่อนเจอ web นี้ https://loading.io/animation/text/ (https://loading.io/animation/text/) ก็น่าสนใจดีนะครับ

ตอนทำ POC ครั้งแรก ไม่ได้ทำเส้น movement แต่ด้วยคิดว่า ถ้าคนใช้ไม่ได้ทำ animate เลย การมีเส้นอย่างน้อย ก็จะพอเห็นความเคลื่อนไหวได้บ้าง แต่พอทำแล้ว รู้สึกว่ามันช่วยได้เยอะเลย

(http://img3.f0nt.com/11/a9c70c30e232a4c03faec32f10f3cd46.gif)(http://img3.f0nt.com/11/d8c79c076c4b45c37f8112173fcadddc.gif)

 :45:

ถ้าฟอนต์นี้ไม่เด้งน่าจะเป็นฟอนต์มาตรฐานได้อีกฟอนต์เลยนะ 55555555555

โอ้ว :25:

 :45: :45: :45: :45: :45:

พี่รองยอดเยี่ยมเหมือนเคย  :12:

ชื่อฟอนต์ : เด้งดึ๋ง

ลิงก์ : https://forum.f0nt.com/index.php/topic,25282.0.html

ข้อมูลการติดต่อ : https://www.facebook.com/worawut.thanawatanawanich (https://www.facebook.com/worawut.thanawatanawanich)

ภาพตัวอย่าง :
(http://img3.f0nt.com/10/0d94e02ff95feb5291053dcb03b45615.jpg)
(http://img3.f0nt.com/10/ba4a229039f853091422a36f0ea044d3.jpg)
(http://img3.f0nt.com/10/af0fa36f04609c1027daddfc16a62366.jpg)
(http://img3.f0nt.com/10/4f671f875c46a38e48817d5c5d2d9302.jpg)

ภาพไอคอน :
(http://img3.f0nt.com/10/96b3c504918ce173af4fa994078a8b94.jpg)

ภาพโปสเตอร์ :
(http://img3.f0nt.com/10/0a80b583f0fd179a6a3b667f02d0c655.gif)

รายละเอียด :
ฟอนต์เด้งดึ๋ง เป็นฟอนต์ปรกติ มี 5 แบบอักษรไทย ใช้แค่ 5 frames แล้ว loop ได้เลย .. ส่วนการทำ animation แล้วแต่ถนัดเลยครับ  วิธีการเปลี่ยนเป็น frame ถัดไป ให้พิมพ์ ฯ ก่อนอักษรตัวแรกของคำ แล้วเพิ่มไปเรื่อยๆ
uvSOV

download font :  https://drive.google.com/file/d/1OoqxefUXV_RIJn2f8ZwU6a0WweThxgOp/view?usp=sharing (https://drive.google.com/file/d/1OoqxefUXV_RIJn2f8ZwU6a0WweThxgOp/view?usp=sharing)