สอนทำฟ้อนท์ลายมือไว้ใช้เองด้วย ifontmaker

by stationery on the table

บางครั้งเราก็อยากพิมพ์งาน ให้เป็นลายมือของเราเอง

มาค่ะ มาทำฟ้อนท์ ลายมือไว้ใช้เอง เก๋ๆ ได้ทั้งติดตั้งลง ios และติดตั้งลง pc


🎈 วันนี้ Stationery on the table จะมาทำสอนฟ้อนท์เองด้วยแอป iFontmaker
แบบละเอียด ทั้งการทดสอบฟ้อนท์ การทำฟ้อนท์ให้มีแพทเทิร์นเดียวกันแบบเบื้องต้น สามารถนำไปพิมพ์งานได้จริง

🎈 เริ่มแรกเลย เราต้องโหลดแอป iFontmaker มาก่อนนะคะ
(แอพนี้ไม่ฟรีเน้ออ ราคาแอป 279 – )
รอบนี้รายละเอียดเยอะนิดนึง จะแบ่งเนื้อหาออกเป็น part นะคะ


Part1 : แนะนำหน้าต่างแอพแบบเบื้องต้น

  • หน้าต่างการทำงานจะมีหลักๆ 4 ส่วน คือ
  1. แถบเครื่องมือด้านบน [ช่อง Preview – และ (รูปโลก) เปลี่ยนภาษา]
  2. ช่องเลือกตัวอักษร (ช่องสีส้ม)
  3. พื้นที่เขียนตัวอักษร (ช่องสีน้ำเงิน)
  4. แถบเครื่องมือด้านล่าง Tool bar (สีแดง)

overview หน้าต่างการเขียนฟอนท์

รูปโลกมุมขวาบน
🎈เลือกเปลี่ยนเป็นภาษาที่ต้องการ ภาษาไทยจะอยู่ด้านล่างสุด
Preview
🎈ช่อง Preview สำหรับพิมพ์ทดสอบฟ้อนท์
𝐓 (ตัว T )
🎈สำหรับเลือกเปลี่ยนฟ้อนท์ไกด์ไลน์

แถบเครื่องมือ ifontmaker
แถบเครื่องมือ ifontmaker

Part2 : มารู้จักเครื่องมือ Tool แต่ละตัวกัน

  1. Brush – ใช้เครื่องมือนี้ในการเขียนฟ้อนท์กันนะคะโดยจะมีหัวแปรงให้เลือกหลายแบบเลย
  2. Selection – เครื่องมือนี้สำหรับเลือกเส้นและทำการปรับแก้ไข หรือเลือกลบเฉพาะเส้นบางเส้นที่เราไม่ต้องการได้
    Pen path – เครื่องมือนี้ใช้วาด (คล้ายๆเวกเตอร์) ใครไม่ถนัดใช้เครื่องมือ brush แบบปกติได้เยย
  3. Move – เครื่องมือย้าย ใช้ย้ายและหมุนตัวอักษร
    Layer – สามารถเปิดปิดไกดไลน์ได้ และเพิ่มเลเยอร์เส้นร่างจากรูปภาพได้จากตรงนี้
  4. Tips – เราสามารถเลือกเส้นที่เราต้องการ แล้วปรับตำแหน่งหรือองศาความโค้งให้สวยงามได้ ปรับให้แต่ละเส้น snap กัน หรือโค้งพอเหมาะ

Part3 : ลงมือเขียนฟ้อนท์กันเลยย

เริ่มลงมือเขียนฟ้อนท์ได้เลย เลือกหัวปากกา และ ไกด์ไลน์ตัวหนังสือได้ เริ่มเขียนไปเรื่อยๆจนครบทุกตัว
🎈ลงมือเขียนฟ้อนท์ โดยเลือก brush ที่ต้องการ
🎈และเลือกไกด์ไลน์ฟ้อนท์ได้เลย ซึ่งจะมี ระยะเส้นกำหนดขนาดตัวอักษร ความสูง และหางตัวอักษรอยู่
🎈พยายามเขียนให้ไม่เกินเส้นที่กำหนดนะคะ และให้ทุกๆตัวอักษรมีขนาดความสูงเท่าๆกัน เวลาไปสร้างเป็นฟ้อนท์แล้วจะได้ไม่เจอปัญหา ตัวหนังสือโยกเยกค่ะ

#ScaleStroke
– ถ้าใครเจอปัญหาที่พอทำฟ้อนท์เสร็จหมดแล้ว แต่รู้สึกว่าเส้นหนาไป ฟ้อนท์อ้วนเกินไป แล้วอ่านยาก หรือแม้ว่าเส้นบางเกินไปอยากให้หนากว่านี้ ปัญหานี้แก้ได้ไม่ยากเลย

🎈เราสามารถที่จะปรับแก้ขนาดเส้น (Scale storke) ได้ด้วยการคลิ๊กที่ปุ่ม % (หรือ เครื่องหมายขีด3ขีด ใช้ได้เหมือนกันค่ะ )
🎈จากนั้น ให้เรากำหนด ขนาด % ของเส้นที่ต้องการเพิ่ม หรือ ลด ได้เลย เมื่อตั้งขนาดเสร็จแล้ว ให้เราเลือก Apply

🖍Apply to current Glyph – ปรับขนาดเส้นเฉพาะตัวอักษรตัวนี้ตัวเดียว
🖍Apply to all Glyph – ปรับขนาดเส้น สำหรับทุกตัวอักษรในฟ้อนท์นี้
แต่ขั้นตอนนี้หลังจากทำแล้ว เราจะ undo ไม่ได้แล้วนะคะ

ออกแบบฟ้อนท์ได้ตามใจชอบ
🎈เราจะเขียนเป็นลายมือ วาดรูป ตกแต่ง ทำเป็นสัญลักษณ์ก็ได้หมดเลยนะคะ
เขียนตัวอักษรให้ครบ
🎈 ต้องเขียนตัวอักษรให้ครบทุกตัวในภาษาที่เราต้องการนะคะ ถ้าตัวไหนไม่เขียน ตอนพิมพ์มันจะไม่ขึ้นนะคะ
รวมถึงพวก symbols นะ ถ้าอยากได้ตัวไหนเป็นพิเศษเราสามารถเขียนได้เลยค่ะ

PATTERN
การปรับฟ้อนท์ให้เป็นแพทเทิร์นเดียวกันโดยการทำชุดอักษรที่มีลักษณะเหมือนกัน
( คัดลอกและวางและนำมาใส่เส้นหรือปรับเพิ่ม เช่น ล มาใส่หางเป็น ส – จะทำให้ฟ้อนท์ของเรามีแพทเทิร์น
วิธีการประยุกต์
🎈 คัดลอกเส้น บ. ใบไม้มา คลิ๊กเครื่องมือกรรไกร แล้วเลือก copy all แล้วนำมาวางใน ป.ปลา
บ กับ ป เราสามารถที่จะลากเส้นหาง บ.ใบไม้ให้ยาวและกลายมาเป็น ป.ปลา ได้เลย ด้วยเครื่องมือ selection


Part4 : การทดสอบฟ้อนท์ ด้วยการ Preview *** ขั้นตอนนี้สำคัญมากๆ ***

เพื่อทดสอบสระลอย พยัญชนะ สระซ้อน ระยะห่าง ก่อนนำไปใช้จริง
ทดสอบ
🎈 การทดสอบ เพื่อเช็คทั้งสระ วรรณยุกต์ มีการซ้อนกันไหม เส้นหนาเท่ากันไหม ขนาดเท่ากันรึป่าว เพื่อเวลานำไปใช้งานจริงจะได้ไม่มีปัญหา
Preview
🎈เราสามารถใช้แถบ preview ด้านบน ในการทดลอง พิพม์ข้อความแบบยาวๆ เป็นประโยค เพื่อดูว่าเมื่อฟ้อนท์ที่เราออกแบบเมื่อพิมพ์ติดต่อกันยาวๆทมีอะไรต้องปรับแก้ไหมเช่น สระซ้อนกัน หางชนกัน เป็นต้นค่ะ


Part5 : วิธีการสร้างและติดตั้งฟ้อนท์

เมื่อเราทำฟ้อนท์และทดสอบฟ้อนท์เสร็จเรียบร้อย สามารถติดตั้งได้ทั้งในไอแพด และลงคอมพิวเตอร์ .ttf
โดยเลือก Configue and Built font ได้เลย

#วิธีสร้างฟ้อนท์1
🎈 เมื่อเราทำฟ้อนท์เสร็จหมดเรียบร้อยแล้ว
ก็มาถึงขั้นตอนการสร้างฟ้อนท์กัน
🎈ให้เลือก ปุ่ม แชร์มุมขวาบนของแอป แล้วเลือก Configure & Build font

#วิธีสร้างฟ้อนท์2
🎈หลังจากกดสร้างฟ้อนท์แล้วจะเด้งหน้าต่างแบบนี้ขึ้นมา ใส่รายละเอียดให้เรียบร้อยแล้วเลือก build online
🎈จากนั้นให้เราเลือก (แบบที่เราต้องการ)

#open จะเข้าหน้าเว็ปโหลด ซึ่งหน้าเว็ปนี้ก็จะมีลิ้งค์ให้เราดาวโหลดได้  และถ้าเราเปิดแบบสาธารณะเรายังสามารถส่งหน้าเว็บนี้ให้เพื่อนโหลดได้อีกด้วย
#install ios font ติดตั้งฟ้อนท์ลงไอแพด สำหรับติดตั้งฟ้อนท์ลงมือถือ ไอแพด
#download desktop font ติดตั้งฟ้อนท์ลงคอม


Part6 : วีดีโอสอนใช้งาน

ถ้าใครอ่านแล้วยังงงๆ ลองไปดูแบบวีดีโอกันได้เลยค่ะ

🎈 ปล.ควรใช้ฟ้อนท์ที่เปิด opensource เป็นไกด์ไลน์นะคะ
ไม่ควรก้อปปี้/ดัดแปลง การนำไปใช้งานเชิงพาณิชย์อื่นๆ ควรศึกษาเรื่องลิขสิทธิ์ก่อนน้าา


You may also like

Leave a Comment

*

code

ความเป็นส่วนตัวของคุณคือสิ่งสำคัญสำหรับเรา เราต้องการข้อมูลของคุณเพียงเพื่อการประมวลผลที่จำเป็นต่อการให้บริการ โปรด ยินยอม ถ้าคุณยอมรับเงื่อนไขการข้อตกลงในการใช้งานที่รวมถึง PDPA ของไทย. Accept Read More

สั่งซื้อและชำระเงินผ่านทางพร้อมเพย์ qr code รับไฟล์ทางเว็บไซต์ดาวน์โหลดใน my account ได้เลย

X
All search results
Scroll Up