Element เป็น panel ที่ผมเปิดค้างไว้ตลอด
ขนาดว่า ถ้าขาดเธอคงขาดใจเลยนะ
Concept:
ขอเทียบเคียงกับ Adobe ที่หลายคนคุ้นเคยละกัน
element ก็เหมือนกับ symbol ใน AI / คล้าย ๆ graphic style - character style ใน PS - ID
คือมี reference ไว้อ้างอิงอันหนึ่ง แล้วดึง ref นั้นไปใช้งาน
เมื่อมีการเปลี่ยนแปลง ref นั้น ๆ
ส่วนอื่น ๆ ทุกชิ้นก็จะเปลี่ยนแปลงตามไปด้วยนั่นเอง
จบจ้ะ :30:
==========================
อย่าเพิ่งสบถ !!! 5555
==========================
เริ่มใช้งาน element เราก็ต้องเปิด panel ออกมาก่อน
ไปที่เมนู Windows > Panels > Element และ Gallery ฮะ
เปิดออกมาทั้งคู่เลย
(http://img3.f0nt.com/20/e0f2b70a7b1a192a7d176c27de4d3e8b.png)
ตัวอย่างในรูปคือฟอนต์ "ศึกษา | SUKSA"
การที่เราจะสร้าง element แต่ละส่วนนั้น
เอาจริง ๆ ก็คงแล้วแต่วิธีวาดของแต่ละคนนะ
ใน ตย ฐานของ บ และ ป จะใช้สัดส่วนเดียวกัน
อันนี้น่าจะเหมือนกันทุกคนมั้ง (เลยเอาชิ้นนี้มาเป็นตัวอย่าง)
(http://img3.f0nt.com/20/00aadbee36e6e28d3a0cda21259ee9e9.png)
(1) คลิกเลือกส่วนที่เราจะทำใช้งานเป็น element ฮะ
(2) ตั้งชื่อ element นั้น ๆ - อันนี้เพื่อให้ง่ายเวลาเราจะใช้งาน
(3) หลังจากตั้งชื่อเรียบร้อย กด enter สักทีนึง ชิ้นส่วนนั้น ๆ จะไปอยู่ใน gallery ฮะ
** จริง ๆ ทุกชิ้นส่วนที่เราวาด ก็เป็น element อยู่แล้ว - และสามารถเป็น ref ได้ โดยไม่ต้องตั้งชื่อ
** โดยการ copy (command/Ctrl + C) แล้วเวลาจะ paste ให้กดคีย์เพิ่มอีกตัวเป็น Shift + command/Ctrl + V
==========================
การเรียก element ออกมาใช้งาน
ก็ทำได้หลายวิธี
กดคีย์ลัดเอาก็ได้ control + I (ไม่มั่นใจว่า windows ใช้ปุ่มไหนนะ)
ลองดูคีย์ที่เมนู Element > Element Reference > Add Element Reference
ตรงนี้แหละ ที่การตั้งชื่อ element ทำให้เราสะดวกขึ้น
หรือ เลือก element ที่จะใช้งาน กด Place จากหน้า gallery ได้ฮะ
แน่นอนว่า เราสามารถ replace element ได้เช่นกัน
ไม่ต้องลบแล้ว place ใหม่ (ปุ่มข้าง ๆ กันนั่นแหละ)
(http://img3.f0nt.com/20/60b539ac7e089674ea76482b4e200326.png)
==========================
ตัวอย่างการใช้งาน element
แปะวิดีโอไม่เป็นอ่ะ กดดูผ่าน vimeo เอานะฮะ
https://vimeo.com/552713116
https://vimeo.com/552723136
แถมจ้ะ
ในกรณีที่เราทำฟอนต์หลาย Master
เราสามารถใช้ Add Component จาก น้ำหนักอื่น ๆ มาได้ด้วย
** ต้อง match master ให้เรียบร้อย จะได้ไม่พลาด
ในตัวอย่างที่แปะมาให้ คือการเรียก component (เลข 2) จากน้ำหนักอื่น
มาเป็น เลข 2 ตัวยก (superior two)
Q: ทำไมต้องเรียกมาใช้ แทนการวาดใหม่
A: ขี้เกียจครับ :30:
Q: ทำไมต้องเรียกจากน้ำหนักอื่น
A: ถ้าเรียกจากน้ำหนักตัวเอง ถ้าเราย่อขนาด ผลที่ได้ออกมา น้ำหนักของอักษรนั้นจะบางกว่าปกติ
ดูคลิปโลดนะ
https://vimeo.com/552716113
:25: อ๋อย สุดยอด เข้าใจง่ายมากเลย
ที่จริงสรุปคอนเซปต์แบบบรรทัดบนสุดนี่ก็ดีนะ จะได้เห็นภาพเลย :30:
เดี๋ยวต่อๆ ไปจะขอหัดทำฟอนต์แนวประกอบร่างบ้างครับ
อ้อๆ ถ้าเป็น Vimeo มันจะแทรกลงบอร์ดไม่ได้ครับ ถ้ายูทูบนี่ได้
:12: :12: ยอดเยี่ยมเลยครับ .. เมื่อวานเพิ่งฟัง ระหว่างบรรทัด season 2 มา
https://soundcloud.com/cadsondemak (https://soundcloud.com/cadsondemak)
เห็นทู้นี้ เข้าใจเลยว่า จบงานให้ คืออะไร .. คน design อาจจะแต่ design อย่างเดียวพอ แบ่งงานให้คนอื่นจบงานให้ได้
ยังมีเรื่อง MM และ VF ก็น่าสนใจมาก เพื่อการจบงานเป็น package เพิ่มมูลค่าให้ชุดงาน นักออกแบบ ก็ต้องเรียนรู้ว่าจะมี Master กี่ชุดถึงจะเหมาะ
ชาว FontForge อย่างผม ได้แค่ตื่นตา :18:
พูดถึง VF (Variable Font)
ปัญหาที่แก้ไม่ได้สักที คือ marking มันไม่ขยับตาม
*** หมายเหตุไว้หน่อยว่า
พยายามแก้หลายครั้งแล้ว แต่ยังไม่ได้ถึงขนาดแจ้งสอบถามกลับไปทาง Dev
เอาจริง ๆ เพราะยังไม่มั่นใจว่า มันทำงานไม่ได้โดยโปรแกรม
หรือเป็นเพราะตั้งค่าอะไรผิดไปรึเปล่า
ในคลิปตัวอย่าง จะเห็นว่า ไม่ว่าเราจะขยับแกน (axes) ไปมายังไง
marking ก็จะยังคงอยู่เหมือนเดิม
เดาเอาเอง คิดว่าทั้ง VF มันมี feature เรียกใช้งานชุดเดียว (คือชุดกลาง ที่คำว่า เป่า ไม้เอกเบี้ยวอ่ะฮะ)
ต่างจากน้ำหนักแยกที่ export มาจาก instance ในชุด
จุด anchor เลื่อนตามที่เราทำไว้แต่ละ master
แล้ว export feature ตามออกมาทุกน้ำหนัก
คลิปฮะ >> https://vimeo.com/552758128
// เดี๋ยวถ้าสมัคร youtube ใหม่ ค่อยเปลี่ยนเป็น YT อีกทีฮะ
VF ผมก็เพิ่งทำไปฟอนต์เดียว ตามคำแนะนำในนี้ https://www.f0nt.com/forum/index.php/topic,23985.0.html?fbclid=IwAR3KjzbBiuT5KnITbcn3HTy8et0kWVmpa0HheLgM1BBxnRoqQo1nUO1lgqo (https://www.f0nt.com/forum/index.php/topic,23985.0.html?fbclid=IwAR3KjzbBiuT5KnITbcn3HTy8et0kWVmpa0HheLgM1BBxnRoqQo1nUO1lgqo)
เลยไม่ชำนาญพอจะเดาอาการเลยครับ แถม tools ก็คนละตัวกันด้วย
ที่พอจะจับได้คือ ผมใช้ Master 2 น้ำหนัก คือตัวบางสุด และตัวหนาสุด โดยกำหนดจุด mark ต่างตำแหน่งกัน ครับ ที่เหลือปล่อย tools generate ให้เอง
และถ้าจำไม่ผิด คำแนะนำคือให้สร้าง 3 น้ำหนัก บาง กลาง หนา
ไม่แน่ใจว่าช่วยอะไรได้ไหมครับ สู้ๆครับ
อ้างคำพูดจาก: uvSOV เมื่อ 20 พ.ค. 2021, 16:44 น.
VF ผมก็เพิ่งทำไปฟอนต์เดียว ตามคำแนะนำในนี้ https://www.f0nt.com/forum/index.php/topic,23985.0.html?fbclid=IwAR3KjzbBiuT5KnITbcn3HTy8et0kWVmpa0HheLgM1BBxnRoqQo1nUO1lgqo (https://www.f0nt.com/forum/index.php/topic,23985.0.html?fbclid=IwAR3KjzbBiuT5KnITbcn3HTy8et0kWVmpa0HheLgM1BBxnRoqQo1nUO1lgqo)
เลยไม่ชำนาญพอจะเดาอาการเลยครับ แถม tools ก็คนละตัวกันด้วย
ที่พอจะจับได้คือ ผมใช้ Master 2 น้ำหนัก คือตัวบางสุด และตัวหนาสุด โดยกำหนดจุด mark ต่างตำแหน่งกัน ครับ ที่เหลือปล่อย tools generate ให้เอง
และถ้าจำไม่ผิด คำแนะนำคือให้สร้าง 3 น้ำหนัก บาง กลาง หนา
ไม่แน่ใจว่าช่วยอะไรได้ไหมครับ สู้ๆครับ
อันนี้คือ marking วิ่งตามที่ตั้งใจไว้ได้ถูกต้องเลยใช่ไหมครับ ?
ไม่ทราบว่าเป็นฟอนต์ที่อนุญาตให้ดาวน์โหลดไหมครับ จะขอตามไปโหลดมาดู feature ข้างในหน่อย
อยากรู้ให้แน่ว่ามันติดขัดที่การตั้งค่าของผมเอง หรือเป็นที่ fontlab
คาใจมาตั้งแต่เริ่มใช้ fontlab6 แระ
อ้างคำพูดจาก: ปอมป๋วย เมื่อ 20 พ.ค. 2021, 17:37 น.
อันนี้คือ marking วิ่งตามที่ตั้งใจไว้ได้ถูกต้องเลยใช่ไหมครับ ?
ไม่ทราบว่าเป็นฟอนต์ที่อนุญาตให้ดาวน์โหลดไหมครับ จะขอตามไปโหลดมาดู feature ข้างในหน่อย
อยากรู้ให้แน่ว่ามันติดขัดที่การตั้งค่าของผมเอง หรือเป็นที่ fontlab
คาใจมาตั้งแต่เริ่มใช้ fontlab6 แระ
https://www.f0nt.com/release/sov_kids_vf/ (https://www.f0nt.com/release/sov_kids_vf/)
load ได้เลยครับ แต่เห็นยากหน่อยนะ เพราะมันเปลี่ยน อักษรเป็นรูป ครับ
ลองโหลดมาทดลองละฮะ
marking ไม่วิ่งตามเช่นกันฮะ (จากคำว่า ฎู)
เริ่มคิดว่า อาจไม่ได้ผิดที่ FontLab แล้วล่ะ
น่าจะเพราะข้อจำกัดของเทคโนโลยี VF ที่ยังใช้ feature ได้แค่ชุดเดียว ?
รอไปก่อน เผื่อมีอัพเดตใหม่ ๆ :30:
(http://img3.f0nt.com/20/62529aa7f12b91bc86861d47083d0686.png)
(http://img3.f0nt.com/20/e63177fb47e29f83009612bea1d94216.png)
(http://img3.f0nt.com/20/6b6ec47ebd3e983c919efab9d770e1e2.png)
(http://img3.f0nt.com/20/a5b6f82855287b71fcc0167c136f7aee.png)
ลองเอา font ไปทดสอบที่นี่ดูไหมครับ https://www.axis-praxis.org/specimens/__DEFAULT__ (https://www.axis-praxis.org/specimens/__DEFAULT__)
ผมเอา font ไปทดสอบ แสดงผลได้ถูกต้องครับ
(http://img3.f0nt.com/20/fb1a9c8bdcd8b12f4afd36c2ff64a1e7.jpg)
(http://img3.f0nt.com/20/e00dbc8e8ee55775e9588d9799f5770b.jpg)
(http://img3.f0nt.com/20/65a69016e057a71eae603e4d0763335b.jpg)
เผื่อเป็นแค่การแสดงผลบน FL
ด้านบนผมทดสอบ TTF กับ AI ฮะ
ไม่ได้ทำอะไรกับ fontlab เลย
แปลก ๆ แฮะ
หรือตัวการที่มันแปลก คือ Adobe หว่า :30:
เดี๋ยวค่อยลองละกัน
EDIT : ผมเอาฟอนต์ไปลองบนเวบที่ว่า
ปรากฏว่า marking ใช้ได้แฮะ
(หรือต้องตั้งค่าอะไรเพิ่มเติมใน adobe รึเปล่าหว่า?)
https://github.com/googlei18n/noto-fonts-alpha/tree/master/from-pipeline/unhinted/variable-ttf (https://github.com/googlei18n/noto-fonts-alpha/tree/master/from-pipeline/unhinted/variable-ttf)
ลอง load ฟอนต์ของ google มาทดสอบกับ adobe ไหมครับ