จากการเรียนการสอนโปรแกรมฟ้อนเล็บในวันนี้
(อ้อ ตอนนี้มีวิทยากรท่านที่ 3 แล้ว นั่นคือจานป๋าเลย์ :27:)
เรารู้วิธีทำแล้ว แต่ว่ามีการบ้านกันสำหรับสะต๊าฟนั่นก็คือ ทำฟอนต์ให้ได้คนละตัว :3005:
(และ การบ้านจานแอนนนนนและจานโม่คือทำตารางและสื่อการสอน)
กระจู๋นี้มีเพื่อรวบรวมความรู้ที่ได้ โดยมีแอนฮอบบิตเป็นเด็กขยันหน้าห้องจดมา
ให้สะต๊าฟภาคสมทบมาตามเรียนกัน
และมีเพื่อรายงานการบ้านเป็นระยะๆ จ้ะ
ผู้เกี่ยวข้อง
สะต๊าฟหลักที่ต้องส่งการบ้าน
1. ลุงเป็ด
2. วุด มุมมืด
3. แอน ฮอบบิต
4. ออย ยีราฟแว่นแดง (ห้ามส่งการบ้านเป็นออยอิชี่เด็ดขาด :07:)
5. บักตั้ง เจ้าของร้าน
6. บักนัดโตะ
7. หนุ่ม สิงห์ประเมิน
สะต๊าฟสมทบ ที่ต้องตามมาดู (ซึ่งถ้าจะคึกทำฟอนต์ตามก็เชิญนะจ๊ะ :27:)
1. ดุกศรี ยโสธร
2. ไอ้หนูอร บางนา
3. เฟริน ศรีราชา
4. จักรี ผีออฟฟิศ
5. อุ้ย ขารถบรรทุก
อ้อ คนตรวจการบ้าน
1. จานแอนนนนน
2. จานเลย์
3. จานโม่
รับแซ่บ :37:>
เริ่มเลยละักัน :33:
จานๆและสต๊าฟทั้งหลายช่วยกันดูด้วยเน้อ ถ้าผิดก็แก้ได้เลยนะ
click ที่หัวข้อเพื่อดูรายละเอียดได้เลยจ้ะ
อุปกรณ์และโปรแกรมที่จะใช้ (http://www.f0nt.com/forum/index.php/topic,16775.msg1343464.html#msg1343464)
ความรู้เกี่ยวกับฟอนต์ (http://www.f0nt.com/forum/index.php/topic,16775.msg1343464.html#msg1343464)
มาตรฐานการพิมพ์ (http://www.f0nt.com/forum/index.php/topic,16775.msg1343464.html#msg1343464)
ความรู้เรื่อง Font family กับ Type face (http://www.f0nt.com/forum/index.php/topic,16775.msg1343464.html#msg1343464)
ประวัติฟอนต์ของไทย (http://www.f0nt.com/forum/index.php/topic,16775.msg1343465.html#msg1343465)
แบบของวรรณยุกต์ (http://www.f0nt.com/forum/index.php/topic,16775.msg1343493.html#msg1343493)
การออกแบบฟอนต์ (http://www.f0nt.com/forum/index.php/topic,16775.msg1343493.html#msg1343493)
ทำฟอนต์ด้วย FontLab (http://www.f0nt.com/forum/index.php/topic,16775.msg1343523.html#msg1343523)
อุปกรณ์และโปรแรมที่เราจะใช้ักัน
1 NP NaipolTemplate version 3.001 (http://www.f0nt.com/forum/index.php/topic,6702.0.html) click ไปโหลดโลด
2 FontLab ใช้ทำฟอนต์
3 โปรแกรมอะไรก็ได้ที่สามารถ crop ภาพใส่ clipboard ได้ เช่น Paint, SnagIT,FastStone etc.
4 กระดาษที่เราเขียนตัวอักษรในนั้นครบแล้ว (หรือใครจะทำอักษรใน Illustrator หรือ Photoshop หรือ FontLab เลยก็ไม่ต้องมีข้อนี้จ้ะ)
ความรู้เี่ี่ีกี่ยวกับฟอนต์
- การอ่านของคนเราเกิดจากการกวาดสายตาแบบกระโดด
ฉะนั้นตัวอักษรแต่ละตัวจะมีลักษณะเฉพาะของตัวเอง (เรียกว่า anatomy หรือ สัญฐานของตัวหนังสือ)
ที่ทำให้เรารู้ว่าตัวนั้นเป็นตัวอะไร เช่น บ.ใบไม้ จะมีขีดแนวตั้ง 2 เส้น กับเส้นฐานล่าง 1 เส้น (มองผ่านๆก็รู้ว่าเป็นตัว บ.)
- kerning คือการซ้อนช่องว่าง เช่น เวลาพิมพ์ แ กับ ซ ถ้าไม่ได้ทำ kerning แล้วมาพิมพ์ 2 ตัวนี้ติดัน
จะทำให้ดูเหมือนมีช่องว่างระหว่างกันมากเกินไป อักษร A กับ V ก็เช่นกัน
- Metric คืออะไร อ่านที่นี่ (http://www.f0nt.com/forum/index.php/topic,16775.msg1343760.html#msg1343760)
- Ligature คืออะไร อ่านที่นี่ (http://www.f0nt.com/forum/index.php/topic,16775.msg1343760.html#msg1343760)
มาตรฐานการพิมพ์
มี 3 แบบ
1 Post Script (http://www.f0nt.com/forum/index.php/topic,16775.msg1343760.html#msg1343760)
2 True Type (http://www.f0nt.com/forum/index.php/topic,16775.msg1343760.html#msg1343760): ทุกโปรแกรมอาจจะไม่ได้ลองรับการพิมพ์แบบนี้ เช่น เมื่อก่อนเราใช้ฟอนต์ตัวนึงได้ใน MS
word แต่ใช้ไม่ได้ใน Photoshop ฟอนต์ลักษณะนี้จะมีนามสกุล ttf
3 Open Type (http://www.f0nt.com/forum/index.php/topic,16775.msg1343760.html#msg1343760): ปัจจุบันฟอนต์เป็นแบบนี้หมดแล้วแต่อาจจะยังใช้นามสกุล ttf อยู่เพื่อให้ compatible กับ
ระบบเดิม ส่วน Open type แท้ๆจะมีนามสกุลเป็น otf มาตรฐานนี้มีการแก้ปัญหาต่างๆไว้แล้ว เช่น เมื่อ ป ปลา เจอกับ ไม้เอก จะต้องไปเรียกไม้เอกอีกชุดมาใช้งานเพื่อที่จะไม่ตีกับหาง ป ปลา
ความรู้เรื่อง Font family กับ Type face
อ่านที่นี่ (http://www.f0nt.com/forum/index.php/topic,16775.msg1343760.html#msg1343760)
ประวัติฟอนต์ของไทย
- ในยุคแรกการพิมพ์จะใช้หัวตะกั่วซึ่งถ้าต้องการตัวอักษรให้ใหญ่ขึ้นต้องใช้ตะกั่วอีกชุดเลย
- บรัดเล ฟอนต์แรกคิดค้นโดยหมอบรัดเล ซึ่งเมพมากๆที่สามารถแปลงตัวอักษรที่โย้ไปเย้มาจากลายมือคนมาเป็นอักษรเป็นตัวๆได้ เช่น ป ควรมี 2 ขีดตั้ง และมีขีดแนวนอนเชื่อมกันนะ
- ธงสยาม เกิดในยุคล่าอาณานิคม เรามีเพื่อให้ชาติอื่นเห็นว่าเราไม่ล้าหลังนะ มีฟอนค์ัใช้กะเค้าด้วย
- ฝรั่งเศส ฝ ฝา มีปลายเป็นปลายตัด เฉียง 45 องศา ศ ศาลามีส่วนหนาบางแ้ก้ปัญหาหมึกเยิ้ม ไม้เอก ส่วนบนจะหนากว่าส่วนล่าง ตัวนี้ port มาใช้ในยุคนี้ในชื่อ Angsana
- การออกแบบฟอนต์สมัยก่อนต้องคำนึงถึงเรื่องหมึกเยิ้ม หมึกขาดด้วย เช่น ป ปลา ทำให้เส้นแนวตั้งหนาไว้ ส่วนเส้นแนวนอนให้บางได้ ถ้าส่วนแนวนอนหายก็ยังอ่านเป็น ป ได้อยู่
- Monotype เมื่อเทคโนโลนีพัฒนาไปมากขึ้น เราสามารถพิมพ์แบบหมึกไม่ิเยิ้มได้แล้ว ตัวอักษรแบบนี้จึงเกิดขึ้น มีลักษณะคือ ความหนาเท่าักันทั้งหมดทุกส่วนของตัวอักษร ตัวอย่างได้แ่ก่ Browallia
- Serif แปลว่า มีตีน (แปลโดยพี่แอนนนนน) เป็นตัวอักษรแบบมีหาง
- Sans Serif แปลว่า ไม่มีตีน เป็นตัวอักษรแบบโดนตัดหาง (ปล่อยวัด) (Sans เป็นภาษาฝรั่งเศส แปลว่า ปราศจาก without)
- มานพติก้า คิดค้นโดยคุณมานพ เทพแห่งตัวอักษรแบบขูด (ที่เคยใช้ัักันตอนเด็กๆนั่นแหละ) เป็นตัวอักษรภาษาไทยแนวโมเดิร์นที่เป็นอักษรไม่มีหัว แบบมาจาก Helvatiga
- ทอมไลท์ เส้นของตัวอักษรด้านบนจะเท่าักันทุกตัว ใช้เป็นส่วนของเนื้อความ อักษรแบบนี้เค้าว่าเวลาอ่านกวาดสายตาจะ smooth ไม่สะดุดกับอักษรตัวใดตัวหนึ่ง ตัวนี้ port มาใช้ในยุคนี้ในชื่อ Cordia ต่อมามีบริษัทหนึ่งเอาไปพัฒนาต่อให้อ่านง่ายขึ้นอีกเป็นฟอนต์ชื่อ DB soda
- เอราวัณ เป็นตัวอักษรอ้วนๆที่เวลาเอามาใช้พาดหัวแล้วจะเด่น มาในยุคที่มีแมคอินทอชแล้ว (พี่แอนบอกให้ลองหาหนังสือพิมพ์ที่ประกาศยุบสภาหลายๆครั้งมาเทียบขนาดอักษรกันดู เพราะคำนี้จะต้องเป็นตัวที่๊ใหญ่ที่สุดที่จะทำได้ ปี 38 มีพาดหัวใหญ่ที่สุดเท่าที่มีในสมัยนั้น)
- ฟอนต์แห่งชาติ เป็นฟอนต์ที่จัดประกวดโดย Nectec เพื่อหาฟอนต์ฟรีที่ทุกคนใช้ได้ (Angsana หรือฟอนต์ต่างๆที่มากับ Windows จริงๆแล้วมันไม่ฟรีนะจ๊ะ)
- ปี 40 เิกิดตำรามาตรฐานอักษรไทยของบัณฑิตยสถาน ว่า ก ควรเป็นยังไง ข ควรเป็นยังไง (อันนี้รู้สึกพี่ร่มจะมี)
- ตัวเลขแบบ old style มีลักษณะที่ตัวเลขแต่ละตัวไม่ได้เรียงอยู่ในแนวเดียวกัน แต่ทำให้กวาดสายตาแล้วอ่านง่ายกว่าแบบที่อยู่ในแนวเดียวกัน
note อ่านประวัติฟอนต์อย่างละเอียดได้ที่นี่ (http://www.f0nt.com/forum/index.php/topic,16775.msg1345604.html#msg1345604)
บวกพี่แอนก่อนเลย :25:+
อีกนิดนะครับ มีเอกสารชื่อ "แบบตัวพิมพ์ไทย" อยู่ใน ฟด. @personal /rubberduck
ลองอ่านดู :27:
อ้างคำพูดจาก: ร่มไทร = ลุงเป็ด เมื่อ 03 ต.ค. 2009, 19:49 น.
อีกนิดนะครับ มีเอกสารชื่อ "แบบตัวพิมพ์ไทย" อยู่ใน ฟด. @personal /rubberduck
ลองอ่านดู :27:
สุดยอด :12:
ขอนอนก่อนนิดนึงนะครับ เดี๋ยวตื่นมาอ่าน :46:
ปล.นัดก็อบไฟล์ใดๆ ออกมาจาก ฟด ไม่ได้อะครับ(เวลาก็อบจะเสร็จแล้วมันจะขึ้น error อะไรซักอย่าง)
เฮ็ดttp://www.eyesya.com/ftp/
ลองนี่ดู ตอนดาวน์โหลดมันจะซิบไฟล์มาให้ ถลอกเอามาให้น่ะ :37:
แก้ลิงแล้วจ้ะ
แบบของวรรณยุกต์
มี 4 แบบ
ดูตัวอย่างได้จากประโยค พี่ฎูนู๋เป่าปี่
แบบ 1 สระอูใต้ ฎ แบบที่เหมาะสม คือ ตัวสระจะตกลงไปอีกจากระดับปกติ
แบบ 2 ไม้จัตวาตรงคำว่านู๋ แบบที่เหมาะสม คือ สระต้องไม่ลอย
แบบ 3 ไม้เอกตรงคำว่าเป่า แบบที่เหมาะสม คือ ไม้เอกต้องขยับเข้ามาให้หนีหาง ป ปลา
แบบ 4 ไม้เอกตรงคำว่าปี่ แบบที่เหมาะสม คือ ไม้เอกต้องขยับขึ้นข้างบนเหนือสระอี
//ลืมบอกไปว่า 4 แบบนี้ ท่านนายพลแก้ปัญหาให้เราหมดแล้วจ้ะ
การออกแบบฟอนต์
- ทุกตัวอักษรต้องเข้าักันได้ ไม่มีตัวไหนโดดขึ้นมา
- การมีหลายน้ำหนักทำให้ราคาแพงขึ้น เช่น แบบปกติ แบบ ligth แบบ black
- ฟอนต์แพงๆจะผ่านการปรับ kerning กับ ligature มาอย่างโชกโชน
- ควรมีการ print ออกมาเพื่อดูรูปลักษณ์ ดูความเข้าักัน
- อาจมีการปรับลักษณะอักษรบางตัวให้เหมาะสมตามลักษณะการใช้งาน
เช่น การปรับ ล ลิง ของฟอนต์โลตัสให้ดูเป็นมิตรขึ้น เพราะใช้บ่อยในคำว่า ลดราคา
- ถ้ามีการออกแบบตัวอักษรที่เอียงเท่าักันทุกตัว กั้นหน้าให้ไว้ที่ขอบอักษรทางซ้ายตามปกติ
แต่กั้นหลังให้เหลื่อมจากท้ายตัวอักษรเข้ามานิดนึง เวลาพิมพ์จะได้ไม่ดูห่างกันเกินไป
อ้างคำพูดจาก: Nutto Keroro เมื่อ 03 ต.ค. 2009, 20:39 น.
ขอนอนก่อนนิดนึงนะครับ เดี๋ยวตื่นมาอ่าน :46:
ปล.นัดก็อบไฟล์ใดๆ ออกมาจาก ฟด ไม่ได้อะครับ(เวลาก็อบจะเสร็จแล้วมันจะขึ้น error อะไรซักอย่าง)
เคยเป็นเหมือนกัน แต่ลองก๊อปใหม่อีกครั้ง(หรือสองครั้ง)ที่ไฟล์เดิม ก็ใช้ได้นะ :42:
เสนอครับลุงเป็ด
เนื่องจากเลกเชอร์ของน้องแอนมีประโยชน์มาก
จึงเสนอให้ย้ายกระจู๋นี้ไป ว.เทคนิคนะครับ
ป.ล.น้องแอนเขียนเป็นบทความได้เลยนะเนี่ย
บทความสอนทำฟอนต์เวอร์ชัน 2004 ของเร่มันเก่าลงกรุไปแล้ว
เผื่อเวอร์ชันนี้จะได้บรรจุลงหมวดบทความของหน้าเว็บ :25:
เริ่มต้นทำฟอนต์ด้วย FontLab
วิธีที่เราจะทำักันนั้นเป็นการยึด template ของท่านนายพลเป็นหลัก
วิธีแบบสรุป (click ไปอ่านตามข้อได้เลยจ้ะ)
1 เปิด template ของท่านนายพลขึ้นมา (http://www.f0nt.com/forum/index.php/topic,16775.msg1343538.html#msg1343538)
2 ใส่รายละเีอียดฟอนต์ของเรา (http://www.f0nt.com/forum/index.php/topic,16775.msg1343917.html#msg1343917)
3 แทนที่อักษรแต่ละช่องด้วยตัวของเราเข้าไป ซึ่งทำได้ 2 วิธี คือ
3.1 สร้างตัวอักษรในโปรแกรมเลย (http://www.f0nt.com/forum/index.php/topic,16775.msg1344905.html#msg1344905)
3.2 สร้างหรือเขียนตัวอักษรจากข้างนอกแล้วค่อยเอาเข้ามาใน FontLab (http://www.f0nt.com/forum/index.php/topic,16775.msg1344926.html#msg1344926)
4 ตัดแต่งตัวอักษร (http://www.f0nt.com/forum/index.php/topic,16775.msg1345529.html#msg1345529)
5 Kerning หรือการซ้อนที่ว่าง (http://www.f0nt.com/forum/index.php/topic,16775.msg1345530.html#msg1345530) (อาจทำหรือไม่ทำก็ได้ แล้วแต่ความเนี๊ยบ และความขยัน)
6 Export (http://www.f0nt.com/forum/index.php/topic,16775.msg1345532.html#msg1345532)
7 ยิ้ม (http://www.f0nt.com/forum/index.php/topic,16775.msg1345536.html#msg1345536)
รออ่านต่อจ้ะ + :25:
1 เปิด template ของท่านนายพลขึ้นมา
ก) ไปที่เมนู File -> Open
ข) เลือกไฟล์ NP NaipolTemplate.ttf ขึ้นมา
ค) click ตามรูปแล้วเลือก Glyph Index เพื่อปรับให้เป็น Index mode
(http://img3.f0nt.com/04/b063fdcb9153a438eaf67d77ff7291e6.jpg)
(Glyph คือ ตัวอักษรแต่ละตัว)
การเปิดพื้นที่ preview เพื่อใช้ทดสอบ font
ก) ไปที่เมนู Window -> Panels -> Preview
การเรียกแสดงเครื่องมือ Paint
(http://img3.f0nt.com/03/1f13979a8c9b7704635410a8b0210130.jpg)
ก) ไปที่เมนู View -> Toolbars -> Paint
ข) ลากเมนูไปไว้พื้นที่สีเทาๆใต้ Menu bar ได้เลยให้มันฝังไว้เพราะใช้บ่อย
note1: เปิดขึ้นมาครั้งแรก ทุกปุ่มของ Paint จะเป็นสีเทาหมดไม่ต้องตกใจ
note2: A B C มีไว้เพื่ออ้างถึงตอนหลังนะจ๊ะ
การเรียกแสดงเครื่องมือ Layers
(http://img3.f0nt.com/04/162cfebc35a2105a497139abf0f3ff13.jpg)
ก) ไปที่เมนู View -> Show Layers -> ลากส่วนที่เป็นเส้น 3 เส้นนั้นออกมา
(http://img3.f0nt.com/04/3b4eadfcaccc413ee21f700b35ac3296.jpg)
ข) ลากเมนูไปไว้พื้นที่สีเทาๆใต้ Menu bar ได้เลยให้มันฝังไว้เพราะใช้บ่อย
note1: เปิดขึ้นมาครั้งแรก ทุกปุ่มของ Paint จะเป็นสีเทาหมดไม่ต้องตกใจ
note2: a b c มีไว้เพื่ออ้างถึงตอนหลังนะจ๊ะ
//จบหัวข้อ 1 จ้ะ
โอ้ววววว สมแล้วที่เป็นเด็กหน้าห้อง :07: :07:
เฮ้..นาย เรายืมแลคเชอร์ไปซีรอคหน่อยนะ :51:
ส่วนเราเดี๋ยวขอเอาไปแปะบอร์ดหน้าหอประชุมเลยนะ :25:
รอชมๆ :25:
พี่แอนสาวสุดยอด :12:
:51: บร้า
:30: :30:
มาแปะ รอน้องแอนสอนต่อ :25:
แปะกันไปก่อนเลยนะครับ วันนี้ขอลุยเรื่องคอนเฟิร์มคน
กับ พับผ้าจัดบ้านรอรับภรรยากลับจากบ้านนอกก่อน :47:
:25: :25: :25: มาตามอ่านครับ
อ้างอิง- Metric คือ ช่องไฟระหว่างตัวอักษรตัวหน้าและหลัง
Metric (http://en.wikipedia.org/wiki/Typeface#Font_metrics) คือ ข้อมูลในส่วนของการเว้นบรรทัด
เช่น ความสูงของตัวพิมพ์เล็ก ความสูงของตัวพิมพ์ใหญ่ ตำแหน่งของเส้นล่างสุด ตำแหน่งเส้นบนสุด
(http://upload.wikimedia.org/wikipedia/commons/thumb/3/39/Typography_Line_Terms.svg/500px-Typography_Line_Terms.svg.png)
ส่วน Letter-spacing คือ การจัดช่องไฟครับ
อันนี้หาดูได้ตามวิกิฯ (http://en.wikipedia.org/wiki/Letter-spacing)
อ้างอิง- Ligature (อันนี้อะไรไม่รู้)
Ligature คือ การรวมกันของตัวอักษร
เช่น f และ i ซึ่งเป็นสองตัวอักษร
พอพิมพ์ติดกันก็กลายเป็น fi ตัวใหม่ ที่ขีดของ f กับขีดของ i เชื่อมกัน
นั่นคือ
f + i --> fiใช้ 1 Glyph แสดงตัวอักษร 2 ตัว
อันนี้ก็หาดูได้ตามวิกิฯ (http://en.wikipedia.org/wiki/Typographic_ligature) เช่นกันครับ
อ้างอิง1 Post Script
2 True Type: ทุกโปรแกรมอาจจะไม่ได้ลองรับการพิมพ์แบบนี้ เช่น เมื่อก่อนเราใช้ฟอนต์ตัวนึงได้ใน MS
word แต่ใช้ไม่ได้ใน Photoshop ฟอนต์ลักษณะนี้จะมีนามสกุล ttf
3 Open Type: ปัจจุบันฟอนต์เป็นแบบนี้หมดแล้วแต่อาจจะยังใช้นามสกุล ttf อยู่เพื่อให้ compatible กับ
ระบบ เดิม ส่วน Open type แท้ๆจะมีนามสกุลเป็น otf มาตรฐานนี้มีการแก้ปัญหาต่างๆไว้แล้ว เช่น เมื่อ ป ปลา เจอกับ ไม้เอก จะต้องไปเรียกไม้เอกอีกชุดมาใช้งานเพื่อที่จะไม่ตีกับหาง ป ปลา
จาก TrueType, PostScript Type 1, and OpenType: What's the Difference (http://www.scribd.com/doc/202365/TrueType-PostScript-Type-1-and-OpenType-Whats-the-Difference#)
1. PostScript - พัฒนาครั้งแรกโดย Adobe
- เป็นมาตรฐานที่เกิดขึ้นมาอันแรกสุด
- ใช้ Cubic Bézier curve ในการเก็บข้อมูล Outline
- ในระบบปฏิบัติการเก่าๆ (โดยเฉพาะ Windows ME ลงไป) ต้องอาศัยโปรแกรมเสริมเพื่อให้ใช้ได้
- การ Hinting ทำได้ไม่มากเท่า TrueType
ทำให้ตัวแสดงผลต้องเป็นผู้ "คิด" ว่าจะแสดงผลแบบไหน
(http://img3.f0nt.com/04/583371a917df71d5e91f74afccce1cc1.png)
Outline ของฟอนต์ที่ใช้ Curve แบบ PostScript
2. TrueType- พัฒนาครั้งแรกโดย Adobe เหมือนกัน
- เกิดขึ้นมาหลัง PostScript
- ใช้ Quadratic Bézier curve ในการเก็บข้อมูล Outline (ซึ่งทำให้ในทางคณิตศาสตร์ง่ายกว่า แต่จุดที่ใช้จะมากกว่า)
- ใช้ได้ทั่วไปมากๆ
- การ Hinting ทำได้ดีกว่า PostScript ตัวฟอนต์จึงเป็นผู้ "คิด" ว่าจะแสดงผลอย่างไร สลับกัน PostScript
(http://img3.f0nt.com/04/e0b51820fd0f6e4ada0d0bbcf7eacb5d.png)
Outline ของฟอนต์ที่ใช้ Curve แบบ TrueType
3. OpenType- พัฒนาโดย Adobe และ Microsoft
- เกิดขึ้นหลัง PostScript และ TrueType นานมาก
- สามารถเก็บข้อมูล Outline ได้ทั้งแบบ PostScript และ TrueType
- ซึ่งจริงๆ แล้วก็อาจกล่าวได้ว่ามันเป็นการรวมกันระหว่าง PostScript และ TrueType
- นอกจากนั้น มันยังมี OpenType Table เอาไว้สั่งให้ตัวอักษรรวมกันอะไรทำนองนี้ได้อีกด้วย
ส่วนที่พิมพ์ในนู้นนี้ได้รึเปล่านั้น
อยู่ที่ Encoding ของฟอนต์
ตอนแรกเลย Encoding เดิม ช่องใส่ตัวอักษรมันมีแค่ 256 ตัว
ต่อมามี Encoding แบบ Unicode เกิดขึ้น
Unicode เพิ่มช่องใส่ตัวอักษรให้มากขึ้น เพื่อรองรับภาษาอื่นๆ ที่ไม่ใช่ภาษาอังกฤษ
อ้างอิงความรู้เรื่อง Font family กับ Type face
Font family เป็นชื่อชุดของตัวอักษร
ส่วน Type face เป็นรูปแบบ เช่น regular, bold, italic
ตัวอย่าง
Browallia เป็นชื่อ Font Family ซึ่งมีหลาย type face คือ
Browallia แบบปกติ แบบหนา แบบเอียง
Typeface ใหญ่สุดนะครับ
Typeface/Font Family จะมี หลายฟอนต์
ซึ่งแต่ละฟอนต์จะมี Style เป็นของตัวเอง
เช่น
Browallia เป็นชื่อ Font Family/Typeface
ประกอบด้วย 4 Fonts คือ
1. Browallia Regular ซึ่งมี Style เป็น Regular
2. Browallia Bold ซึ่งมี Style เป็น Bold
3. Browallia Italic ซึ่งมี Style เป็น Italic
4. Browallia Bold Italic ซึ่งมี Style เปน Bold Italic
เอาแล้ว มันได้กลายเป็นกระจู๋ทำฟอนต์ เวอร์ชั่น 2009 แล้วครับ :25:
ขอบคุณเร่ครับ :25:
รวมเล่มได้เลยนะเนี่ย :25b:
ขอบคุณจานเร่ครับ :25:
เอ๋ แต่จานแอนนนนนบอกว่า typeface คือ Regular Bold Italic ซึ่งมารวมกันเป็น Family ไม่ใช่รึ :09:
หรือตูจำผิดวะ :47:
เอาแล้ว :3005:
---------------------------------
ผมนึกออกละครับ
หนังสือเล่มเหลืองๆที่ชื่อว่า ฟอนต์ไหนดี ( รู้สึกพี่แอนจะมี )
น่าจะมีบอกครับ ความหมายของ Typeface / Font / Family
http://fontfeed.com/archives/font-or-typeface/ (http://fontfeed.com/archives/font-or-typeface/)
http://www.f0nt.com/forum/index.php/topic,5745.0 (http://www.f0nt.com/forum/index.php/topic,5745.0)
ชอบอันนี้
อ้างอิงfont is what you use, and typeface is what you see.
— Norbert Florendo
จำผิดอะดิ๊ :30:
ที่ตูบอกคือแบบเดียวกะจานเร่นั่นแล (โบ้ย)
มาสูบความรู้อย่างต่อเนื่อง :25:
ครับ ตูจำผิด :47:
อ้างคำพูดจาก: zafire06 เมื่อ 04 ต.ค. 2009, 19:11 น.
ชอบอันนี้
อ้างอิงfont is what you use, and typeface is what you see.
ชอบอันนี้ด้วย :56:
อ้างคำพูดจาก: ร่มไทร = ลุงเป็ด เมื่อ 04 ต.ค. 2009, 18:42 น.
เอ๋ แต่จานแอนนนนนบอกว่า typeface คือ Regular Bold Italic ซึ่งมารวมกันเป็น Family ไม่ใช่รึ :09:
ได้ยินเหมือนลุงร่ม :37:
//ขอบใจจานเร่จ้ะ เร่อยู่ Mwit ใช่มะ มีรุ่นน้องเก่ง โอ๊ย ซึ้งใจ :05: :12:
นัดได้ยินว่า typeface คืออันใหญ่ๆ
ไม่ว่าจะทำ iannnn pdf ซักสองหมื่นเจ็ดพันความหนา ทั้งหมดคือ typeface เดียวกัน
นัดได้ยินตรงกับใคร :47b:
typeface ที่ได้เคยได้คุยมา อาจจะเป็นตัวอักษรที่ทำขึ้นไม่ต้องครบA-Zก็ได้ เป็นแค่ชุดคำๆ หนึ่งก็ไม่มีปัญหา แต่ไม่ได้สามารถพิมพ์ได้
เช่น
(http://img3.f0nt.com/05/1c3c6343c329f92cd64010f5d34564c5.png)
(http://img3.f0nt.com/05/63614afb999c41a2b990e132bb0199d9.jpg)
(http://img3.f0nt.com/05/292e5ce27b3791e45566a7661bebeff2.jpg)
พวกนี้อาจจะเป็นไปในเชิงทดลองสนุกๆ หน่อยครับ
ส่วนฟ้อนในความหมายคือ จะต้องเป็นชุดตัวอักษรที่สามารถพิมพ์ออกมาได้ครับ
ถ้าจะพูดให้เห็นภาพก็เป็นฟ้อน Helvetica Futura อะไรประมานนั้น
(http://img3.f0nt.com/05/4612e0c442f50843ec69f72c152992b8.gif)
ส่วนเรื่องรูปแบบของทั้งสองอย่างนั้นไม่ได้มีข้อกำหนด แต่ด้วยที่ว่าฟ้อนนั้นจะมีข้อจำกัดด้วยตัวมันเองอยู่ครับ(เช่นเป็นรูปสีเดียวอะไรประมานนั้น)
แย่แย้ว ตูฉับฉนแย้ว :3005:
2 ใส่รายละเีอียดฟอนต์ของเรา
ก) ไปที่เมนู File -> Font Info
ข) ไปที่กลุ่มแรก Names and Copyright: ใส่ชื่อฟอนต์ของเราที่ Family Name
(http://img3.f0nt.com/04/16b2a4e4fa1bcadf0330c342b96d00d4.jpg)
ค) แล้ว click ที่เพชร แล้วโปรแกรมจะใส่ช่องอื่นให้เราเอง
ง) เปิดตัวย่อยๆของ Names and Copyright ออกมา
จ) ไปที่ OpenType-specific names แล้วไม่้ต้องกรอกอะไร click ที่เพชรอย่างเดียว
ฉ) ไปที่ Copyright Information กรอกช่อง Created by และ Creation Year แล้ว click ที่เพชร
ช) ไปที่กลุ่มที่สอง Version and Identification: ใส่ Version และ Revision
(http://img3.f0nt.com/06/90f550bc9620fe3b3c53cd4e84e0d96c.jpg)
ซ) แล้ว click ที่เพชร แล้วโปรแกรมจะใส่ช่องอื่นให้เราเอง
ฌ) เปิดตัวย่อยๆของ Version and Identification ออกมา
ญ) ไปที่ Identification Setting: click ที่เพชร และ ปุ่ม Now
ฎ) ที่ Panose Identification ไม่้ต้อง click ที่เพชรนะ
ฏ) ไปที่กลุ่มที่สาม Metrics and Dimensions ตัวย่อยๆในกลุ่มนี้ห้าม click ที่เพชรเด็ดขาด (ป๋าเลย์บอกว่าโปรแกรมจะตั้งอะไรให้เราก็ไ้ม่รู้)
ฐ) เปิดตัวย่อยๆของ Metrics and Dimensions ออกมา
ฑ) ไปที่ Key Dimensions
(http://img3.f0nt.com/06/638581c3114298e16e557aaf7e0b7cc9.jpg)
ช่อง Ascender ใช้กำหนดตำแหน่งที่สูงที่สุดของตัวอักษร
ช่อง Descender ใช้กำหนดตำแหน่งที่ต่ำที่สุดของตัวอักษร
ฒ) ไปที่ TrueType-specific metrics
(http://img3.f0nt.com/06/4fea8375ce2494bc6913fa2fc50cdb66.jpg)
ณ)
-กำหนดค่าในช่อง TypoAscender ให้เท่ากับ ช่อง Ascender ในรูปที่แล้ว (ดูสีส้ม)
-กำหนดค่าในช่อง TypoDescender ให้เท่ากับ ช่อง Descender ในรูปที่แล้ว (ดูสีส้ม)
-กำหนดค่าในช่อง WinAscent ให้เท่ากับ ช่อง Ascender (ดูสีน้ำเงิน)
-กำหนดค่าในช่อง WinDescent ให้เท่ากับ ช่อง Descender (ดูสีน้ำเงิน)
ด) ส่วนอื่นๆลองปรับๆค่าดูแล้ว click ok
ต) ไปที่ menu File -> Save
ถ) ตั้งชื่อตามสะดวกแล้ว Save เลยจ้ะ
//จบข้อ 2
อ้างคำพูดจาก: Nutto Keroro เมื่อ 04 ต.ค. 2009, 23:58 น.
นัดได้ยินว่า typeface คืออันใหญ่ๆ
ไม่ว่าจะทำ iannnn pdf ซักสองหมื่นเจ็ดพันความหนา ทั้งหมดคือ typeface เดียวกัน
นัดได้ยินตรงกับใคร :47b:
อ้างคำพูดจาก: ☼ แอนค่ะ ☼ เมื่อ 04 ต.ค. 2009, 23:50 น.
ได้ยินเหมือนลุงร่ม :37:
//ขอบใจจานเร่จ้ะ เร่อยู่ Mwit ใช่มะ มีรุ่นน้องเก่ง โอ๊ย ซึ้งใจ :05: :12:
โน โน
ที่จะอธิบายก็คือ Typeface น่ะ มันคือ "รูปแบบ" ของตัวอักษร
เราเห็นโลโก้หนัง ไตเติ้ลหนัง เออ ตัวอักษรสวยดีแฮะ นั่นแหละ Typeface (หน้าตาของมัน)
ไม่ต้องประกอบเป็นฟอนต์ทั้งฟอนต์ก็ได้
ส่วนฟอนต์หนึ่งฟอนต์นั้น คือ
Arial นี่คือ Font Family (เข้าใจว่าที่ตูอธิบายวันนั้น คือคำคำนี้มากกว่า)
ซึ่งประกอบด้วย Arial Regular (หนึ่งฟอนต์) Arial Bold (หนึ่งฟอนต์) Arial Italic (อีกหนึ่งฟอนต์)
ฟอนต์คือไอ้ที่เราใช้
ไทป์เฟสคือได้ที่เราเห็น
อธิบายแบบในลิงก์นั้นก็สั้นและกระชับดีนะจานเร่ :25:
:25: แบบนี้นี่เิอง
ค่อยๆย่องออกมาจากหลังลุงร่มที่ฟังผิดเหมือนกัน :47b:
แอบหลังพี่เหมือนเดิมดีแล้ว ไม่มีใครห็นอ็งหรอก พี่บังมิด :47:
วันนี้ลองเอาเม้าส์ลากๆ แต่งๆ ได้ลายมือเป็ดเขี่ยออกมาประมาณนี้ :37:
(http://img3.f0nt.com/05/d9fedb12999b9f330e95d71cb91fc54a.jpg)
ลองดูแล้ว โอ้ไอ้ชิบหาย ขนาดตูทำกากๆ แบบนี้ยังเหนื่อยยากเลย :05:
ต่อจากนี้ไปใครปล่อยฟอนต์ซักตัวตูจะตามบวกซัก 10 :05:
พรุ่งนี้จะลองเขียนกระดาษแล้วสแกนดู :53:
:07: นี่แหละ พลังอันร้นเหรือ มันเป็นปรมัตถ์
ตอนเขียน ตอนประดิษฐ์ว่ายากแล้ว
มาปรับช่องไฟ มาปรับตัวหนังสือให้เข้ากัน ปรับให้ไม่โดด
พวกนี้ยากกว่าอีก :05:
อยู่ใน ว.เทคนิคแล้ว เปลี่ยนชื่อจู๋๊ดีไหมครับ
ตรั่บ ตรั่บ
เย้ จานเร่ สุโค่ย :30: :45: :45:
พวกเราลืมกันหมดแล้ว :30:
ถามครับ ไม่รู้ไปกดอะไรเข้า
ใช้แปรงสีดำแล้วเส้นมันไม่ดำครับ ทำไงดี :05:
(http://img3.f0nt.com/05/26c40814ad80f13baed087397705c4b6.jpg)
Ctrl+Shift+P จ้ะ
หรือไม่ก็ในเมนูอะไรสักอย่างที่มันโชว์ Layer น่ะ (view มั้ง)
แล้วเลือกเลเยอร์ Fill outline
เฮ้ \:07:/
เพิ่งทำเสร็จตะกี้ เอามาแปะไว้ก่อนครับ เผื่อเอาไปเสริมในสไลด์ :52:
(http://img3.f0nt.com/06/2f57ba89f7417fa759fba50910a6a22d.png)
(http://img3.f0nt.com/07/698ddda09bc6dacf0feff9ceddc1886b.png)
(http://img3.f0nt.com/07/7d1ec8afce4c4a94cb7f51a8697c2431.png)
(http://img3.f0nt.com/07/075013824af8005852d9dc43fef12334.png)
(http://img3.f0nt.com/07/819f6e08aafc304083d79759a1dccf95.png)
:25: มีเวอร์ชันไทยไหมครับ
เดี๋ยวกำลังจะทำครับ :47:
ขอภาษาฮินดูด้วยนะ :25:
งานเข้าอีกแย้วววว :3005:
วันนี้ทดลองเขียนลงกระดาษแล้วสแกนด้วยความละเอียด 600 ดูครับ
ปรับคอนทราสจัดๆ ด้วย photoscape
แล้วเปิดด้วย paint
(http://img3.f0nt.com/06/6dc03779588125c7c287d23f432e0a84.jpg)
copy ไปแปะลง ฟ้อนเล็บผลคือ...
(http://img3.f0nt.com/06/34b33b3055e49992bee01e291e6a588b.jpg)
:3005: รายว้าาาาา
ลองใหม่ อาจปรับคอนทราสไม่ดี อะไรทำนองนั้น คราวนี้ปรับใน photoshop ซะเลย
เอาคฑาวิเศษโซนจิ้มขาวทั้งหมด แล้ว cut ทิ้งซะเลย
(http://img3.f0nt.com/06/81824cce65c83f2fe63bedfd55ea5341.jpg)
เอาไปเปิดในเพ้นท์ใหม่
(http://img3.f0nt.com/06/210afe88afb032b5729943076419ac98.jpg)
copy ไปแปะลง ฟ้อนเล็บผลคือ...
(http://img3.f0nt.com/06/50ee02a9fb656cb05ce9e5713e95d472.jpg)
:3005: รายว้าา จุดยุบยั่บ Trace ทีมีตายแน่่่ :3005:
สรุปว่า เปิดด้วยเพ้นท์แบบที่จะสอน ตอนนี้มีปัญหาครับ :3005:
จะลองใช้ตัวอื่นต่อไป :05: :05:
ป.ล. แต่ copy มาจากฉอบได้ไม่มีปัญหาเลยนะ :37:
:25: เป็นธรรมชาติดีนะ
(http://img3.f0nt.com/06/ad4cb47d98687ba67773c6587aa74fb2.jpg)
เราปรับ Contrast ใน ร้านรูปก็ได้ครับ
อันไหนที่มันเกินหรือว่า ด่างๆ แหว่งๆ
เราก็เติมจากใน ร้านรูป เลยครับ
จากนั้นค่อย Copy มาวางใน Paint :12:
ก็ก๊อบจากฉอบไปเลยสิออย :30:
วันอบรมเครื่องที่ TK PAKR ไม่มีฉอบหรืออิลลัสน่ะสิ :05:
หรือออยจะนั่งปรับให้เค้า :47:
คนสองคนอ่ะพอได้
ถ้าทั้งหมดล่ะก็... :05:
แล้วออยก็โดนจับเพราะใช้โปรแกรมเถื่อน :47:
:3005:
การ copy paste ใน FL มันไม่ค่อยเวิร์คน่ะจ้ะ
การ trace ของมันก็ไม่ตรงเป๊ะๆ
ดังนั้นถ้าต้องการฟอนต์ที่มีความขรุขระของเส้นมากๆ ต้องใช้โปรแกรมอื่น อย่าง illus แต่ต้องทำใหญ่มากๆเลยนะ :25:
อ้างคำพูดจาก: iannnnn เมื่อ 06 ต.ค. 2009, 14:10 น.
:25: เป็นธรรมชาติดีนะ
เหรอออ พอลอง Trace ปั๊บ
(http://img3.f0nt.com/06/6ac50c6e88b092a460f2522b84590964.jpg)
แก้กันตายเลย :3005:
อ้างคำพูดจาก: Layiji เมื่อ 06 ต.ค. 2009, 14:51 น.
การ copy paste ใน FL มันไม่ค่อยเวิร์คน่ะจ้ะ
การ trace ของมันก็ไม่ตรงเป๊ะๆ
ดังนั้นถ้าต้องการฟอนต์ที่มีความขรุขระของเส้นมากๆ ต้องใช้โปรแกรมอื่น อย่าง illus แต่ต้องทำใหญ่มากๆเลยนะ :25:
สำเนาถูกต้องป๋าเลย์เลยครับ
ถ้าใช้ illus ดัดขึ้นรูปนี่
คมกริ๊บๆ เลยครับ :12:
ก็มันเป็นเวคเตอร์เหมือนกันนี่ :37:
ได้คำตอบแล้วครับ :37:
ต้องเซฟที่ปรับคอนทราสแล้วออกมาเป็น .BMP ครับ ถึงจะเปิดใน Paint แล้วไม่มีจุดรอบๆ นั่น :08:
เบิ้ล
ลองทำแบบที่จะสอนเค้าแล้วครับ :37:
1. เขียนแล้ว Scan
2. ปรับ contrast และ ตัดสีขาวออกด้วยฉอบ เซฟออกมาเป็น .bmp
3. เปิดภาพด้วย Paint
4. เปิด Template ท่านนายพล ในFontlab
5. copy ตัวอักษรที่ละตัว จาก Paint มาแปะแทนที่ Fontlab
6. Trace Bitmap
7. แต่งด้วย set ลูกศร(เพิ่มมุม เพิ่มโค้ง)
8. จัดระยะช่องไฟด้วยการลองพิมพ์
ได้งานออกมาเป็นที่น่าพอใจพอสมควรครับ :3005:
(http://img3.f0nt.com/06/857c23a84ca5141b6fd19bd097277464.jpg)
แต่หลายตัวยังหนาอยู่เดี๋ยวค่อยแก้ :47:
ตัวพิมพ์เล็ก กับภาษาไทยยังรออยู่ :3005:
โหว สวยเลยทีเดียวเชียวครับ :12:
:25:
3 แทนที่อักษรแต่ละช่องด้วยตัวของเราเข้าไป
3.1 สร้างตัวอักษรในโปรแกรมเลย
เราจะใช้เครื่องมือ 2 แถบนี้นะ
Paint
(http://img3.f0nt.com/03/1f13979a8c9b7704635410a8b0210130.jpg)
Layers
(http://img3.f0nt.com/04/162cfebc35a2105a497139abf0f3ff13.jpg)
ก) Double click ตัวอักษรช่องที่เราจะทำขึ้นมา
ข) ในการวาด เราจะใช้ B C D E หรือเครื่องมือที่เรียกว่า Drawing ก็ได้
(http://img3.f0nt.com/06/39a343628fae6e91c869f6fde4f9d8b5.jpg)
ค) ถ้าใช้ C จะปรับหัวแปรงโดย click ที่ M กับ N แล้วเลือกตามชอบใจ แล้วจิ้มวาดเลย
ง) ถ้าใช้ D ก็ค่อยๆลากทีละเส้นไปเรื่อยๆ อยากได้เส้นตรงก็กดปุ่ม shift ค้างไว้นะ
จ) ถ้าใช้ E ก็ click ซ้ายเพื่อต่อจุด อยากได้เส้นตรงก็กดปุ่ม shift ค้างไว้นะ พอต่อครบรอบแล้วให้ click ขวา
ฉ) ถ้าใช้เครื่องมือ Drawing ก็ click กำหนดจุดแรก พอจุดที่สองให้ click แล้วขยับเมาส์ซ้ายขวาเพื่อปรับความโค้งตามชอบใจ (วิธีใช้คล้ายๆ Pen tool ของ Photoshop หรือ Illus แหละ)
(http://img3.f0nt.com/06/ddc1732a49d35c444eaecb709d55bef7.jpg)
หมายเหตุ
- Click ที่สีดำ (ตัว K) ถ้าอยากเห็นตัวอักษรที่เราวาดเป็นแบบถมสี
- Click ที่สีขาว (ตัว L) ถ้าอยากเห็นตัวอักษรที่เราวาดเป็นแบบไม่ถมสี
- Click ที่สีขาวดำ (ตัว J) ถ้าเราลากเส้นจากสีดำออกไป เส้นจะเป็นสีดำ (ดูในกรอบสีส้ม)
ถ้าเราลากเส้นจากสีขาวเข้ามา เส้นจะเป็นสีขาว (ดูในกรอบสีน้ำเงิน)
(http://img3.f0nt.com/06/75ddd3e130d36e1da0d9b90acaf7bd29.jpg)
//จบข้อ 3.1
3.2 สร้างหรือเขียนตัวอักษรจากข้างนอกแล้วค่อยเอาเข้ามาใน FontLab
ก) พอสร้างตัวอักษรจากวิธีต่างๆดังนี้เสร็จ
- การเขียนแล้ว scan เข้าไป: ถ้าตั้งค่าที่เครื่อง scan ได้ก็ให้รูปเป็นนามสกุล BMP และเป็นแบบขาวดำนะ แล้วเปิดไฟล์ที่สแกนโดยใช้ Paint หรือ Photoshop หรือ Illustrator ก็ได้
- ทำในโปรแกรม Paint
- ทำใน Photoshop
- ทำใน Illustrator
หมายเหตุ อ่านเพิ่มเติมจากลุงร่มได้ที่นี่จ้ะ (http://www.f0nt.com/forum/index.php/topic,16775.msg1345587.html#msg1345587)
ข) copy อักษรที่ทำจาก ก) มาวางทีละตัว (อักษรที่เราทำจะถือเป็น Background นะ)
จะได้อักษรของเราเป็นสีเทาๆ ถือว่าเป็น guideline ให้เรา
ถ้าอยากย่อหรือขยายก็เอาเมาส์ไปไว้ตรงสีเทาๆตรงไหนก็ได้
แล้ว double click จากนั้นก็ยืดหดตามชอบ ถ้าอยากให้สัดส่วนคงเดิมก็กดปุ่ม shift ค้างไว้ด้วยนะ
เสร็จแล้วกดปุ่ม Enter
ค) ไปที่เมนู Tools -> Background -> trace
(http://img3.f0nt.com/07/31a7e9387b0a4f0994e80a0ba6b77fc1.jpg)
ง) จะได้จุดล้อมรอบตัวอักษรแบบนี้
(http://img3.f0nt.com/07/a9362ce65f5009822f028ac7c9e94d39.jpg)
//จบข้อ 3.2 จ้ะ
+ ก่อนเลยครับ :25:
บางอันผมลืมไปแล้วนะเนี่ย ยังไม่มีเวลาจับเลยครับ :05:
ยังไม่ได้ทำเลย มีสอบอีก :05:
สอนละเอียด มีที่มาที่ไป
เจ๋งมากๆ เลยค่ะ..
:25: :25:
ลองไปได้สามตัวครับ :47: ABC แล้วก็นอน
ช่วงนี้ซ้อมหนักจริงๆ :05a:
เล่นเกมก็หนัก :08:
อย่ามาทำเป็นมีข้ออ้างครับ สะต๊าฟทั้งหลาย :27:
(http://img3.f0nt.com/07/3c3a87cba08a3f1e46dea213b3c65f89.jpg)
ภาษาอังกฤษเคลียร์ :07:
เหลือภาษาไทย :3005:
http://www.f0nt.com/forum/index.php/topic,16775.msg1344591.html#msg1344591 (http://www.f0nt.com/forum/index.php/topic,16775.msg1344591.html#msg1344591)
อัพดูท :52:
อ้างคำพูดจาก: ร่มไทร = ลุงเป็ด เมื่อ 07 ต.ค. 2009, 17:10 น.
อย่ามาทำเป็นมีข้ออ้างครับ สะต๊าฟทั้งหลาย :27:
ลุงร่มรู้ทัน :30:
โอ้วสุดจ๊อดมาก จานโม่ :07:
เอ้อ นี่เราต้องเตรียมเป็นเอกสารแจกเค้ามั้ยล่ะนั่น :37:
หรือไม่ต้องให้มาค้นหาเอาเองในกระจู๋นี้แหละ :47:
พี่ร่มลายมืองุงิกว่าที่คิดนะเนี่ย :47:
4 ตัดแต่งตัวอักษร
4.1 Selection
การเลือกบางส่วนหรือทั้งหมดของตัวอักษร (เพื่อเอาไปทำงานต่อหรือเพื่อลบทิ้ง) ทำได้ 2 แบบ คือ
(http://img3.f0nt.com/06/60544a7364a9c6d18d458c1de2ac3c3f.jpg)
แบบที่ 1 จิ้มที่เครื่องมือลูกศร(กรอบสีน้ำเงิน) แล้วลากครอบส่วนที่ต้องการ
แบบที่ 2 จิ้มที่เครื่องมือวงๆ (กรอบสีส้ม) แล้ว click ซ้ายเพื่อลากขอบเขต Click ขวาเมื่อลากขอบเขตครบวงแล้ว
4.2 การย้ายที่ตัวอักษร
ก) ทำข้อ 4.1 เพื่อเลือกส่วนที่ต้องการจะย้าย
ข) เอา mouse ไป click ที่ตรงจุดๆสีแดง (จุดไหนก็ได้) ของตัวอักษรแล้วลากย้ายที่
(http://img3.f0nt.com/07/40760355fba227d0150916d151509789.jpg)
4.3 การดัดเส้น
ก) Click ขวาที่จุดที่ต้องการดัด เลือก Convert PS/IT
(http://img3.f0nt.com/06/127922fe4c8310a0787ab1c60d46d044.jpg)
ข) ดึงเข้าออกตามชอบ
(http://img3.f0nt.com/06/96181484600c3c855e766a7e097ad667.jpg)
4.4 การเปลี่ยนจากเส้นโค้งเป็นเส้นตรง
ก) click เลือกจุดสองจุด click เลือกจุดแรก, กดปุ่ม shift บน keyboard ค้างไว้, แล้ว click เลือกจุดที่สอง
(http://img3.f0nt.com/06/f638706a4979a717cb57bae9f4ea04bb.jpg)
ข) เลือก Click ขวาบนเส้นที่เลือกไว้แล้วเลือก Convert -> To Lines
(http://img3.f0nt.com/06/969f3e40c239e68a021371ca67bf925a.jpg)
4.5 การเปลี่ยนขนาดหรือหมุนตัวอักษร
ก) ทำ selection เพื่อเลือกตัวอักษรตามข้อ 4.1 ก่อน
ข) Double click ที่จุดแดงๆจุดไหนก็ได้จะมีกรอบล้อมรอบตัวอักษร (ตรงนี้จะคล้ายๆการกด Ctrl+T ใน Photoshop จ้ะ)
(http://img3.f0nt.com/07/3c29bedf8c0503e055b662a7c3af5c96.jpg)
-Click ที่มุมแล้วลากไปมาจะเป็นการขยายขนาด
ถ้าอยากให้ขยายแนวตั้งและแนวนอนเท่ากันก็กดปุ่ม shift ค้างไว้ตอนลากเมาส์
-Click ที่ตรงกลางด้านบนแล้วลากไปมาเป็นการขยายแนวเฉียง (ลองเล่นดูนะ)
-Click ที่ตรงกลางด้านขวาแล้วลากไปมาเป็นการหมุนตัวอักษรล่ะ
4.6 การเจาะช่อง
ก) ทำ selection กับช่องที่จะเจาะตามข้อ 4.1 ก่อน
ข) click ขวาที่ช่องแล้วเลือก Revert Contour
(http://img3.f0nt.com/07/ac8b14d3c7fcbbcfff74b796f49bc0f7.jpg) -> (http://img3.f0nt.com/07/f7f81d2b2e185432770c40758b6ba277.jpg)
4.7 วิธีการลบเส้น
อ่านที่นี่ (http://www.f0nt.com/forum/index.php/topic,16823.0.html) (ขอบคุณตั้งจ้ะ)
4.8 วิธีการ Zoom (in/out) ตัวอักษรบนหน้าจอ
วิธีที่ 1
(http://img3.f0nt.com/17/40372e476563cff247116c3d3acf24e1.jpg)
วิธีที่ 2
กดปุ่ม z เพื่อ Zoom in
กดปุ่ม x เพื่อ Zoom out
วิธีที่ 3
กด alt แล้วหมุนลูกกลิ้งเมาส์
4.9 Grouping
ข้อนี้ทำเพื่อรวมชิ้นเล็กชิ้นน้อยของตัวอักษรเราให้กลายเป็นอักษรตัวเดียว
โปรแกรมจะได้ไม่เข้าใจผิดว่ามีหลายตัวอักษรในช่องเดียวนะ
และข้อนี้ควรทำหลังสุดหลังจากทำข้อบนๆจนพอใจแล้วนะจ๊ะ
ก) ทำ selection กับชิ้นส่วนต่างๆของตัวอักษรตามข้อ 4.1 ก่อน
ข) กดปุ่ม Ctrl + F10
4.10 การคำนวณระยะด้วย Guideline
อ่านที่นี่จ้ะ (http://www.f0nt.com/forum/index.php/topic,5542.0.html) ขอบคุณจานห้าโอ
//จบข้อ 4 อาจมีข้อย่อยในหัวข้อนี้เพิ่มเรื่อยๆนะ
5 Kerning หรือการซ้อนที่ว่าง
ก) ไปที่เมนู Window -> New Metrics Window ขึ้นมา
ข) click ที่ตัว I ตามรูป แล้วลองพิมพ์ แ กับ ซ จะเห็นว่าถ้ายึดตามกั้นหน้ากั้นหลังที่เรากำหนดไว้เดิมจะเห็นเหมือนสระแอกับซอโซ่มันห่างกัน
(http://img3.f0nt.com/16/ad241d76aec527d94b084936e3f630c7.jpg)
ค) การปรับระยะให้ click ที่ AV แล้วเลื่อนตัวอักษรที่ต้องการจะปรับระยะตามรูป
(http://img3.f0nt.com/16/3780ab53455f7433dc415060a6ca1444.jpg)
ถ้ากลับไปดูเส้นกั้นหน้ากั้นหลังของตัวซอโซ่กับตัวสระแอจะเห็นว่าเหมือนเดิมไม่ได้เปลี่ยนอะไร
เพราะตัวโปรแกรมจะจำเฉพาะระยะที่เรากำหนดค่าเป็นคู่ๆเท่านั้น ตัวอย่างนี้ก็คือถ้าเจอสระแอ ตามด้วย ซอโซ่
2 ตัวนี้จะถูกเลื่อนมาชิดกันตามที่เรากำหนดไปโดยอัตโนมัติ
หมายเหตุ1 ถ้า click ที่ตัว M จะเป็นการปรับกั้นหน้ากั้นหลังของตัวอักษรโดยตรง
ถ้าไป click ที่ตัวอักษรตัวนั้นๆจะเห็นว่ากั้นหน้ากั้นหลังเปลี่ยน
หมายเหตุ2 บางโปรแกรมที่เราเอาฟอนต์ไปใช้อาจไม่รองรับ Kerning
ฉะนั้นควรให้ความสำคัญกับการจัดกั้นหน้ากั้นหลังให้ดีๆนะ
คู่ตัวอักษร
ป๋าเลย์ใจดีเอาคู่ของตัวอักษรมาแจกเพื่อความสะดวกของ kerning จิ้มเลย (http://www.f0nt.com/forum/index.php/topic,4723.0.html)
ถ้าไม่อยากอ่านตั้งแต่หน้าแรกก็
จิ้มนี่ (http://www.f0nt.com/forum/index.php/topic,4723.msg1348483.html#msg1348483) สำหรับภาษาอังกฤษ
จิ้มนี่ (http://www.f0nt.com/forum/index.php/topic,4723.msg1348595.html#msg1348595) สำหรับภาษาไทย
ขอบคุณป๋าเลย์ค่ะ :46:
วิธีแก้ไขเรื่องวรรณยุกต์ซ้อนกัน (http://www.f0nt.com/forum/index.php/topic,17377.msg1392949.html#msg1392949) by ป๋าเลย์
6 Export
เมื่อทำฟอนต์เสร็จเราก็เอาไปใช้งานกันเถอะ
ก) ไปที่เมนู File -> Generate Font
(http://img3.f0nt.com/07/61503d9765ad08436204e6cae9f97539.jpg)
ข) ใส่ชื่อฟอนต์ของเราลงไป
ค) เลือก Binary
(http://img3.f0nt.com/07/8bd43d9ff809b82e6e7b2e4c5b925398.jpg)
ง) แค่นี้เราก็จะได้ฟอนต์ของเราที่มีนามสกุล ttf แล้วววววว
//จบข้อ 6 จ้ะ
เจ๋งทั้งคี่เลย :25: (สามคนนับเป็นคี่)
ของจานโม่นี่เดี๋ยวหลังงานตูขอเอาไปลงเป็นบทความนะจ๊ะ :25:
:33:
ย้อนไปเพิ่มเติม 3.2 ของหนูแอนนะครับ
ที่ว่าเซฟรูปเป็น .bmp น่ะ สำหรับการเปิดใน paint ครับ
เพราะมันเป็น format ที่ support กัน
เคยเซฟมาเป็น .jpg แล้วเปิดมาก็จะเห็นปกติดี แต่เวลา copy มาแล้วจะเป็นจุดๆ รอบๆ
อ้างคำพูดจาก: ร่มไทร = ลุงเป็ด เมื่อ 06 ต.ค. 2009, 12:26 น.
(http://img3.f0nt.com/06/50ee02a9fb656cb05ce9e5713e95d472.jpg)
ซึ่งเวลา trace แล้ว
อ้างคำพูดจาก: ร่มไทร = ลุงเป็ด เมื่อ 06 ต.ค. 2009, 15:04 น.
(http://img3.f0nt.com/06/6ac50c6e88b092a460f2522b84590964.jpg)
มันจะจับจุดพวกนั้นมาประเมินผลด้วย ซึ่งจะแก้ลำบ๊ากก :0705:
แต่ถ้าจะให้ดีนะครับ ปรับใน photoshop ให้ contrast มันจัดที่สุด ปรับเป็น grayscale เลยก็ดี
แล้ว copy มาแปะใน fontlab จะได้ขอบที่เนียนกว่า paint
และถ้าจะให้ดีกว่านั้นคือเปิดภาพที่ scan ใน illustrator ปรับ contrast แล้ว trace มันมาจากนั่นเลย
มันจะมาเป็น vector ซึ่งเป็น format เดียวกับตัว fontlap
ซึ่งถ้าใครถนัด illustrator ก็จะได้เปรียบมากในการจัดการหน้าตาของ font ครับ
เพราะมันมีอุแกรณ์ช่วยในการเขียนรูป vector มากกว่า fontlab แน่นอน
แต่อุปกรณ์หลักๆ ที่ใช้ก็คือการจัดการ โหนด (nodes) หรือไอ้จุดๆ ที่มีแขนออกมาให้จับยืดงอเส้นนั่นแหละครับ
ไทป์เฟซ - วิกิพีเดีย (http://th.wikipedia.org/wiki/%E0%B9%84%E0%B8%97%E0%B8%9B%E0%B9%8C%E0%B9%80%E0%B8%9F%E0%B8%8B)
เจอบทความอันนี้ช่วยให้ความกระจ่างเรื่อง ไทป์เฟส กับ ฟอนต์ ได้แล้วครับ :12:
แล้วอ่านไปอ่านมาก็เลยเจอเนื้อหาของนิตยสารสารคดีอีกแน่ะ
๑๐ ตัวพิมพ์ กับ ๑๐ ยุคสังคมไทย (http://www.sarakadee.com/feature/2002/09/thaifont.htm)
๑๐ ตัวพิมพ์ กับ ๑๐ ยุคสังคมไทย (ต่อ) (http://www.sarakadee.com/feature/2002/09/thaifont_2.htm)
จะจดเอาไว้ว่าเดี๋ยวจะขอติดต่อไปที่นิตยสารสารคดี
เพื่อคัดลอกบทความมาลงในเว็บเรา (เพราะที่สารคดีดูจะโหลดช้ามากๆ) :46:
(หรือจานโม่รู้จัก อ.ประชา ไหมครับ เผื่อขอติดต่อได้)
สุโค่ยยยยย :46:
:25:
เบิ้ล ถามหน่อยค่ะว่าเราเพิ่มจุดเองได้มั้ยอ้ะ แล้วต้อง click ตรงไหนเหรอ
กดเลข 3 มั้งครับ ไม่ก็มันจะเป็นเครื่องมือรูปมีดปลายแหลมๆ ก็กดจึ้กไป 1 ทีครับ ( ถ้ากด 2 ครั้งคือตัดเส้น )
(http://img3.f0nt.com/09/bad92772a6e8258b94cb9ebadb34211e.jpg)
ภาษาไทยมาถึงนี่แล้ว :53:
แต่ไม่เข้ากับภาษาอังกฤษเลย :3005:
สงสัยต้องจับภาษาอังกฤษเอียงให้หมด :3005:
เอ้า มันต้องโพสต์จู๋นี้สิ แล้วตะกี้อะไรแว้บๆ :0705:
ก็อปมาใส่อีกที :1105:
อ้างคำพูดจาก: iannnnn เมื่อ 09 ต.ค. 2009, 00:25 น.
ใช่ๆ :25:
ตอนนี้คัดสรรดีมากเขาปล่อยฟอนต์ลายมือออกมา (ของพี่เช่กะของคุณมานพ)
จะว่าไปก็หน้าตาโทนเดียวกะของพี่ร่มนี่แหละครับ :25: (แต่เขาเนี้ยบมากๆ และไม่รู้ราคาเท่าไหร่)
Manop Script™ (http://www.anuthin.com/2009/10/manop-script.html)
Sawaddee™ (http://www.anuthin.com/2009/10/sawaddee.html)
เออว่ะ :3005:
คัดสรรฯ เริ่มมีฟอนต์ลายมือละวุ้ย :56:
หึหึหึหึหึหึ...
:47:
:07: อย่าหึหึอยู่คนเดียวดิ๊
เออใช่บักชื่น
พอจะรู้ราคา License ตัวดินรึเปล่าว่ามันสักกี่บาทในเงื่อนไขยังไง (เอาไกด์ๆ ก็ได้)
ถ้าไม่แพงมากนักเผื่อจะได้ซื้อ :44:
อะไรคือตัวดิน :47:
DinDan™ (http://www.anuthin.com/2008/05/dindan.html) ครับ
สวยขนาดขยาดขยี้ ที่หอศิลป์เอาไปทำป้ายทุกอย่างเลย ที่จอดรถ ห้องน้ำ ทำหมด
อ้างคำพูดจาก: iannnnn เมื่อ 09 ต.ค. 2009, 11:55 น.
DinDan™ (http://www.anuthin.com/2008/05/dindan.html) ครับ
สวยขนาดขยาดขยี้ ที่หอศิลป์เอาไปทำป้ายทุกอย่างเลย ที่จอดรถ ห้องน้ำ ทำหมด
ตัวนี้ก็อยากได้ :05:
ทำเองเล้ยยย :07:
ใช่มั้ยจานโม่ :47:
ส่งการบ้านลุงร่ม :56:
ตอนนี้ได้แค่นี้อ้ะ :56:
(http://img3.f0nt.com/09/f5bf3d52661b0718775e9f4a2a86a131.png)
:25: :25:
อารมณ์ et :30:
น่ารักโคตร :30:
ว่าแต่ไปส่งจานแอนนนนนสิ :07:
มาส่งชั้นทำไม ไม่ใช่หัวหน้าห้องรวมการบ้านไปส่งครูนะ :30:
ผมว่าถ้ามาลากเส้นเวกเตอร์อักษรทีละตัว วันนึงคงทำฟอนต์ไม่เสร็จ ผมขอแนะนำโปรแกรม scanfont (http://www.fontlab.com/font-converter/scanfont/) จะช่วยเราได้เยอะ
(http://img3.f0nt.com/10/b62c3468cd85d67447237c4640160588.png)
เมื่อเขียนฟอนต์เสร็จก็จัดการสแกน กด open แล้วเลือกไฟล์ที่เซฟไว้
(http://img3.f0nt.com/10/40a8e74e9504cce164cf8358da778cfe.png)
กดที่ separate กด ok
(http://img3.f0nt.com/10/8cb9a10d48bd721e973a2f01c8e42f43.png)
จะได้กรอบตัวอักษรแต่ละตัว แต่จะมีบางตัวต้องปรับแต่ง เช่นฐานของ ฐ ฐาน
(http://img3.f0nt.com/10/512db555d1e7ff11226e6d24270771e7.png)
ให้คลิกที่ฐาน แล้วกด delete และขยายกรอบด้านบนให้คุมทั้งตัว ฐ ฐาน
(http://img3.f0nt.com/10/d36a018c5a1de707adc6bb03b9ef1e26.png)
เสร็จขั้นตอนการจัดตัวอักษรแล้ว เตรียม export ก่อน export ต้องไปที่ Tool เลือก Options แล้วติกที่ Export outline font into VFB file
จานั้นก็กด Export
(http://img3.f0nt.com/10/940feb1b5a13c888e78af90efeae71e2.png)
(http://img3.f0nt.com/10/c9db5d3fa2d7de03a2569ecaa8097037.png)
ขั้นตอนที่สามารถปรับแต่งส่วนโค้งต่างๆได้ แล้ว save นำไปเปิดใน fontlab แล้วจัดวางอักษรใหม่ในเทมเพลตท่านนายพล เสร็จแล้วครับ
(http://img3.f0nt.com/10/2bf6643689437ae11037dc7265b7fd0d.png)
:25:
ดูง่ายขึ้นเยอะเลย
ต้องลองๆ
โว้ววววว :07:
พี่สิงห์สุดยอดม้อดดี้ตรีรักอั๊กโกะจัง :07: :07:
โอ้ว พี่สิงห์ :05:
:07: แยกเป็นตัวๆให้ด้วย
โอ้ น่าลอง วันนี้ไปอบรมมา ได้ความรู้เยอะแยะเลย อยากทำฟอนต์ตัวแรกในชีวิตให้เสร็จเร็วๆ จัง
พี่สิงห์เข้มสุดปลายใบอ่อนอีกแล้ว :12:
ดูพี่ออยพยายามนะ :30:
ออยเอ้ย :30:
:07: ขอบคุณครับ
ตอนนี้รู้สึกว่ามีภาระหน้าที่ที่จะต้องทำให้สำเร็จอีกเพียบ ขอบคุณครับ :25:
พยายาม ทำอยู่ครับ
อยากให้ฟอนต์ตัวเองออกแบบ นั้น มีคนหยิบมาใช้บ้าง
อาจจะยืนมือสั่น เหมือนเห็นซองมาม่าเลยก้ได้ครับ :12:
:3005: อายเขาน่า
แต่ความปราบปลื้มใจคือสิ่งที่ดีนะพี่ชาย
น้องนับถือ :46:
แปะ :02:
อ้างคำพูดจาก: shoninza เมื่อ 11 ต.ค. 2009, 20:32 น.
แต่ความปราบปลื้มใจคือสิ่งที่ดีนะพี่ชาย
น้องนับถือ :46:
หรูมากกกกก :45: ฮ่าๆๆ
ปล. ฟอนต์ตัวแรกในชีวิตทำเสร็จไปแล้ว ยังเหลืออีก ๔๐ กว่าตัว :05:
นึกว่าทำเสร็จแล้วหนึ่งฟอนต์ :07:
ขุดเล็กขุดน้อย :33:
ตอนนี้เขียนครบทุกหัวข้อแล้วนะจ๊ะ
กะว่าถ้ามีอะไรเพิ่มเติมคงเอาไปใส่เป็นข้อย่ิอยของข้อ 4 นะ
บวกกกก :07:
ว่าแต่ตอนนี้งานตูก็ยังคงม่ายยยเสร็จจจจ :05:
:2505: <---มีอีโมนี้ไหม
แอบงงแหะ
จะพยายามน่ะค่ะ
ขอบคุณนะค่ะ
อ้างคำพูดจาก: ☼ แอนค่ะ ☼ เมื่อ 06 ต.ค. 2009, 22:52 น.
3.2 สร้างหรือเขียนตัวอักษรจากข้างนอกแล้วค่อยเอาเข้ามาใน FontLab
ก) พอสร้างตัวอักษรจากวิธีต่างๆดังนี้เสร็จ
- การเขียนแล้ว scan เข้าไป: ถ้าตั้งค่าที่เครื่อง scan ได้ก็ให้รูปเป็นนามสกุล BMP และเป็นแบบขาวดำนะ แล้วเปิดไฟล์ที่สแกนโดยใช้ Paint หรือ Photoshop หรือ Illustrator ก็ได้
- ทำในโปรแกรม Paint
- ทำใน Photoshop
- ทำใน Illustrator
หมายเหตุ อ่านเพิ่มเติมจากลุงร่มได้ที่นี่จ้ะ (http://www.f0nt.com/forum/index.php/topic,16775.msg1345587.html#msg1345587)
ข) copy อักษรที่ทำจาก ก) มาวางทีละตัว (อักษรที่เราทำจะถือเป็น Background นะ)
จะได้อักษรของเราเป็นสีเทาๆ ถือว่าเป็น guideline ให้เรา
ถ้าอยากย่อหรือขยายก็เอาเมาส์ไปไว้ตรงสีเทาๆตรงไหนก็ได้
แล้ว double click จากนั้นก็ยืดหดตามชอบ ถ้าอยากให้สัดส่วนคงเดิมก็กดปุ่ม shift ค้างไว้ด้วยนะ
เสร็จแล้วกดปุ่ม Enter
ค) ไปที่เมนู Tools -> Background -> trace
(http://img3.f0nt.com/07/31a7e9387b0a4f0994e80a0ba6b77fc1.jpg)
ง) จะได้จุดล้อมรอบตัวอักษรแบบนี้
(http://img3.f0nt.com/07/a9362ce65f5009822f028ac7c9e94d39.jpg)
//จบข้อ 3.2 จ้ะ
ในขั้นตอนของการ trace background ผมทำแล้ว มันก็มีเส้นและจุดขึ้นมารอบๆ background
ของตัวอังกษรนั้นๆ แต่มันไม่ได้ลงสีดำให้เหมือนกับภาพตัวอย่าง จะทำยังไงครับ
ปล. ผมไม่มี option trace เลยใช้ trace pixel แทน
FontLab Studio 5.04 ครับ (ตัวเต็ม)
มันอยู่ในเมนู Layer ครับ
จำไม่ได้ว่าปุ่มอะไร ที่เป็นรูปถมสีดำๆ
มันคือโหมดการมองครับ
อ้างคำพูดจาก: ร่มไทร = ลุงเป็ด เมื่อ 06 ต.ค. 2009, 19:09 น.
เบิ้ล
ลองทำแบบที่จะสอนเค้าแล้วครับ :37:
1. เขียนแล้ว Scan
2. ปรับ contrast และ ตัดสีขาวออกด้วยฉอบ เซฟออกมาเป็น .bmp
3. เปิดภาพด้วย Paint
4. เปิด Template ท่านนายพล ในFontlab
5. copy ตัวอักษรที่ละตัว จาก Paint มาแปะแทนที่ Fontlab
6. Trace Bitmap
7. แต่งด้วย set ลูกศร(เพิ่มมุม เพิ่มโค้ง)
8. จัดระยะช่องไฟด้วยการลองพิมพ์
ได้งานออกมาเป็นที่น่าพอใจพอสมควรครับ :3005:
(http://img3.f0nt.com/06/857c23a84ca5141b6fd19bd097277464.jpg)
แต่หลายตัวยังหนาอยู่เดี๋ยวค่อยแก้ :47:
ตัวพิมพ์เล็ก กับภาษาไทยยังรออยู่ :3005:
เสร็จยังๆ :25:
ขอบคุณมากครับ
อยู่ที่
View > Show Layers > Fill Outline
ที่เขียนไป มีคนอ่านด้วย ซึ้งใจ :05:
อ้างคำพูดจาก: ☼ แอนค่ะ ☼ เมื่อ 07 ต.ค. 2009, 22:18 น.
5 Kerning หรือการซ้อนที่ว่าง
ก) ไปที่เมนู Window -> New Metrics Window ขึ้นมา
ข) click ที่ตัว I ตามรูป แล้วลองพิมพ์ แ กับ ซ จะเห็นว่าถ้ายึดตามกั้นหน้ากั้นหลังที่เรากำหนดไว้เดิมจะเห็นเหมือนสระแอกับซอโซ่มันห่างกัน
(http://img3.f0nt.com/16/ad241d76aec527d94b084936e3f630c7.jpg)
ค) การปรับระยะให้ click ที่ AV แล้วเลื่อนตัวอักษรที่ต้องการจะปรับระยะตามรูป
(http://img3.f0nt.com/16/3780ab53455f7433dc415060a6ca1444.jpg)
ถ้ากลับไปดูเส้นกั้นหน้ากั้นหลังของตัวซอโซ่กับตัวสระแอจะเห็นว่าเหมือนเดิมไม่ได้เปลี่ยนอะไร
เพราะตัวโปรแกรมจะจำเฉพาะระยะที่เรากำหนดค่าเป็นคู่ๆเท่านั้น ตัวอย่างนี้ก็คือถ้าเจอสระแอ ตามด้วย ซอโซ่
2 ตัวนี้จะถูกเลื่อนมาชิดกันตามที่เรากำหนดไปโดยอัตโนมัติ
หมายเหตุ1 ถ้า click ที่ตัว M จะเป็นการปรับกั้นหน้ากั้นหลังของตัวอักษรโดยตรง
ถ้าไป click ที่ตัวอักษรตัวนั้นๆจะเห็นว่ากั้นหน้ากั้นหลังเปลี่ยน
หมายเหตุ2 บางโปรแกรมที่เราเอาฟอนต์ไปใช้อาจไม่รองรับ Kerning
ฉะนั้นควรให้ความสำคัญกับการจัดกั้นหน้ากั้นหลังให้ดีๆนะ
คู่ตัวอักษร
ป๋าเลย์ใจดีเอาคู่ของตัวอักษรมาแจกเพื่อความสะดวกของ kerning จิ้มเลย (http://www.f0nt.com/forum/index.php/topic,4723.0.html)
ถ้าไม่อยากอ่านตั้งแต่หน้าแรกก็
จิ้มนี่ (http://www.f0nt.com/forum/index.php/topic,4723.msg1348483.html#msg1348483) สำหรับภาษาอังกฤษ
จิ้มนี่ (http://www.f0nt.com/forum/index.php/topic,4723.msg1348595.html#msg1348595) สำหรับภาษาไทย
ขอบคุณป๋าเลย์ค่ะ :46:
วิธีนี้แก้ในเรื่องของ วรรณยุคได้หรือเปล่าครับ ผมว่ามันจำเป็นมากๆเลยนะ
ตัวสะกดไม่ค่อยมีปัญหาเท่าไหร่ แต่วรรณยุคทับกันมันมีแน่ๆอะครับ
มีวิธีแก้ในส่วนของวรรณยุคไหมครับ ผมลองวิธีนี้แล้วมันปรับวรรณยุคไม่ได้ครับ
ขออนุญาติ เอาบทความนี้ไปทำe-book ได้ไหมคะ :25:
คือเทอมนี้จอยเรียน CAI แล้ว 1 ในชุดงาน มันต้องมี e-book 1 เล่ม
ทีแรกว่าจะหาอะไรง่ายๆ ทำ
แต่กลิ้งคิดไปกลิ้งคิดมา 8 ตลบ (เกือบ 9 แต่ตกเตียงซะก่อน :37:>)
อยากลองทำอะไรมีสาระดูบ้าง
(ปกติก็มีสาระนะ แต่สาระเลว (เล่นตัวเองก่อนไม่เจ็บมาก))
เลยมา วนๆ หาบทความในนี้ทำ มาลงตัวที่อันนี้
เลยมาบอกเล่าเก้าสิบบวกขออนุญาติและคำแนะนำค่ะ :46:
หมายเหตุ
*** ขอเวลารวบรวมเนื้อหาสักระยะ แล้วจะเอาตัวเวิร์ดมาแปะให้ดูก่อนค่ะ
*** งานชิ้นนี้ deadline จะช่วงวันที่ 8-9 ตุลาค่ะ คาดว่างานคงเสร็จสมบูรณ์ช่วงนั้น
เอาเลยๆ :25:
:25: เสร็จแล้วเอามาโชว์บ้างนะพี่จอย
ขอบคุณมากๆครับ กำลังหาตัวอย่างแบบนี้พอดีเลยครับ :10: :10: :10: :10: :10: :10: :10: :10: :10: :10: :10: :10: :10: :10: :10: :10: :10:
เข้ามาบอกว่าขอบคุณมากครับ
เคยอ่านบทความอื่นๆมานานแล้ว แต่ไม่เคยจบ :14:
วันนี้ต้องศึกษาโปรเจ็คทำเว็บ(ผมอยู่ม.ปลาย เขียนร่วมกะพี่ๆมหาลัย ไปเจอบทความพวก CSS แล้วเจอเรื่องฟอนต์เฟส ไทป์ เลยนึกได้ว่าเคยเข้าฟอนต์.คอมพ์มาเมื่อนานมากแล้ว มาสูบน่ะครับ :30: แวะมาครั้งนี้ แวะมาเจอ)
อ่านแล้วลองไปทำดู เลยมีฟอนต์แรกในชีวิตแล้ว ขอบคุณหลายๆ(แต่คงหนทางอีกยาวไกล :12: :42:)
:12: ลุยครับ ม.ปลายนี่แหละพลังเยอะ
ผม ม.ต้นหง่า :16: :16: :16:
ขอบคุณครับ ขอตามอ่านไปเรื่อยก่อนครับ
:44: ใช้ template Np อยู่น่ะครับไม่ทราบว่ามันแก้รูปทรงสระได้มั้ยครับ พวกสระอิ บลาๆ คือผมหาไม่เขอหรือมันไม่มีหว่า
แก้ได้ทุกทรงจ้ะ สงสัยยังไงลองถามละเอียดๆ
มีภาพด้วยยิ่งดี จะได้เข้าใจคำถามและตอบได้ถูกต้องครับ
(โพสต์ถามในห้อง ว.เทคนิคครับ)
พอดีทำตามขั้นตอนมาทุกอย่างแล้ว พอ generate font แล้ว ชื่อไฟลเขียนเป็นชื่อฟ้อนเรานะครับ แต่พอกด ดับเบิ้ลคลิกเพื่ออินสตอล มันกลับเป็น ชื่อ NP NAIPOL TEMPLATE น่ะครับพี่ ตรง FONT INFO ก่อนจะ GENERATE ผมก็เช็คแล้วนะครับ [แก้ไขได้แล้วครับ] ขอบคุณสำหรับคำแนะนำ และวิธีการทำจ้า
ขอบคุณคร้าบ
NaipolTemplate แล้วเปิดไม่ได้ ทำอย่างไรดี
ขอบคุณครับ