หน้า: [1]
 
ผู้เขียน หัวข้อ: ฟอนต์ เด้งดึ๋ง  (อ่าน 1732 ครั้ง)
0 สมาชิก และ 1 ขาจร กำลังดูหัวข้อนี้


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

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


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


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


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


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

จบ จ๊ะ
uvSOV

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


« แก้ไขครั้งสุดท้าย: 10 ก.ย. 2022, 17:40 น. โดย uvSOV » บันทึกการเข้า
เบื้องหลัง นิดหน่อย

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


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

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


4. upload รูปขึ้นไปทำ gif แบบ online
ผมใช้ web นี้ https://ezgif.com/maker
« แก้ไขครั้งสุดท้าย: 10 ก.ย. 2022, 17:53 น. โดย uvSOV » บันทึกการเข้า
ว่าาว  โห  ถ้าทำเป็น SVG font จะได้ไหมครับ
บันทึกการเข้า
ว่าาว  โห  ถ้าทำเป็น SVG font จะได้ไหมครับ

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

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

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

« แก้ไขครั้งสุดท้าย: 11 ก.ย. 2022, 12:31 น. โดย uvSOV » บันทึกการเข้า
 (แจ๋ว แจ๋ว)
บันทึกการเข้า
ถ้าฟอนต์นี้ไม่เด้งน่าจะเป็นฟอนต์มาตรฐานได้อีกฟอนต์เลยนะ 55555555555
บันทึกการเข้า
โอ้ว กรี๊ดดดดด
บันทึกการเข้า

ทำมาหากินด้วยการเปิดร้านสกรีนเสื้อยืด จ้ะ
 (แจ๋ว แจ๋ว) (แจ๋ว แจ๋ว) (แจ๋ว แจ๋ว) (แจ๋ว แจ๋ว) (แจ๋ว แจ๋ว)

พี่รองยอดเยี่ยมเหมือนเคย  เจ๋ง
บันทึกการเข้า
ชื่อฟอนต์ : เด้งดึ๋ง

ลิงก์ : 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
« แก้ไขครั้งสุดท้าย: 27 ต.ค. 2022, 17:24 น. โดย uvSOV » บันทึกการเข้า
หน้า: [1]
 
 
Powered by MySQL Powered by PHP Powered by SMF 1.1.21 | SMF © 2006-2007, Simple Machines | Thai language by ThaiSMF Valid XHTML 1.0! Valid CSS!