ฟอนต์ เด้งดึ๋ง

[uvSOV]

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

เริ่มจาก ทำฟอนต์เลียนแบบ animation 5 frame


ถ้าพิมพ์เป็นคำ จะปรับรูปแบบตัวอักษรให้เองเฉพาะภาษาไทย เว้นวรรคได้ด้วยนะ


เมื่อต้องการให้ขยับเป็น frame ถัดไป ให้ใส่ ฯ ข้างหน้า


ไม่เหมาะกับ ประโยค หรือข้อความยาวๆเลย


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

จบ จ๊ะ
uvSOV

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

[uvSOV]

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

1. ออกแบบอักษรทุก frame


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

3. การทำ animation ทำรูปให้ครบ 5 frames ด้วย tools ที่ถนัด


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

[Jipatype]

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

[uvSOV]

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

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

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

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

[Jipatype]

 

[GAMEMIEJIBI]

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

[iannnnn]

โอ้ว

[j.devilfont]

 

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

[uvSOV]

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

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

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

ภาพตัวอย่าง :





ภาพไอคอน :


ภาพโปสเตอร์ :


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

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