วันจันทร์ที่ 27 มกราคม พ.ศ. 2557

โครงการ สินค้าที่ระลึก Gift On The Moon

งานที่รับมอบหมาย
งานนำเสนอ (Moodboard) สินค้าสำหรับงาน Gift On The Moon (กลุ่ม) ตอนคอนเซปต์ 3 ส
ฟ้อนต์ใหม่ ประเภท Display พร้อมรายงาน
อาจารย์เป็นที่ปรึกษา 


ปรับแต่งโครงสร้างและแก้ไขแบบตัวพิมพ์ในโปรแกรม FontLab Studio

 การใช้งานโปรแกรม FontLab Studio



-ขั้นแรก เปิดงานดราฟฟอนต์ จากโปรแกรม adobe illustrator  โดยตัวอักษรทั้งหมดจะต้องเป็นลายเส้นแล้ว โดยกดลากคลุมแล้วกด Object > Path > Outline Stroke

-จากนั้นเปิดโปรแกรม FontLab Studio

-เลือก หาชุดฟ้อนต์ที่ชื่อ CRU Lanchand 56 แล้วกด OK จะได้เทมเพลท ฟ้อนต์ของ CRU Lanchand 56

-ดับเบิ้ลคลิก ที่ ตัวพิมพ์ รหัส 2026จะเป็น ภาพ Glyph จุดสามสุดเรียงต่อกัน ลบGlyph ทั้งหมดทิ้ง จะได้พื้นที่การทำงานการจัดเรียงรูปแบบตัวอักษร ที่เป็นมาสเตอร์ได้

-ไปยัง โปรแกรม Adobe Illustrator ใช้ลูกศรลากคลุม ตัวอักษร
Ctrl + Cเพื่อคัดลอก อักษรไปที่โปรแกรม FontLab Studio ในช่อง Glyph

-ทำการวางโดยการ กด Ctrl + Vจะได้ตัวอัก ตัวอักษร แล้วย่อขยายตามต้องการ

-หากเห็นว่าเส้นไม่ต่อกันให้กดที่เครื่องมือ Merge contours เพื่อทำให้เส้นอักษรต่อกัน-ในการทำงานครั้งนี้ จะเริ่มทำการปรับปรุงแก้ไขโครงสร้างของตัว ก่อนโดยเริ่มจากตัว Aใหญ่ โดยทำการ ขยาย และปรับโครงสร้างแบบจุดต่อจุดให้ตรงกับโครงสร้างเดิมไว้   
 Ascender ส่วนบนของตัวอักษรพิมพ์เล็ก ที่สูงกว่าความสูง x-height ของตัวอักษร
Descender ส่วนล่างของตัวอักษรพิมพ์เล็กที่ต่ำกว่าเส้น baseline ของตัวอักษร
Cap height ความสูงจากเส้น baseline ไปถึงส่วนบนสุดของตัวอักษรพิมพ์ใหญ่
x-height หมายถึง ความสูงของตัวอักษร x ในแบบพิมพ์เล็ก  ซึ่งมักจะใช้อ้างถึงความสูงของตัวอักษรที่ไม่รวมส่วนบนและส่วนล่าง  Baseline คือเส้นพื้นฐาน ของตัวอักษร ซึ่งเราจะต้องแก้ไข glyph ให้ตรงกับมาตรฐานของโครงสร้าง
เมื่อเสร็จ นำตัวอักษรที่ได้ไปวางยัง หน้าต่าง Glyph ต่างๆ โดยการลากคลุมแล้วกด Ctrl+c แล้วนำไปวางในหน้าต่างตามตัวอักษรนั้นๆแล้วทำการเทียบตัวอักษร ว่ามีความถูกต้องตามสัดส่วนหรือไม่

-หากต้องการเห็นขนาดตัวอักษรอิ่นด้วย เทียบเคียงโดยวิธีการ เปิดมุมมองตัวอักษรข้างเคียงวิธีการคือไปที่ View>Show Layers>Neighbors จะสามารถเปรียบเทียบกับตัวอักษรต้นแบบอื่นๆ
-จากนั้นให้เปิดช่อง 2026 จากนั้นให้นำ ตัว H x p d บื้ อู ญ ฟ ฎ มาจัดเรียงช่องไฟส่วนสูงต่างๆโดยดึงเส้นไกด์มาจัดเมื่อได้ระยะช่องไฟใช้เส้นสีน้ำเงินส่วนสูงให้ทำเส้นสีแดงโดยคลิกขวาที่เส้นไกด์แล้วคลิก Convert to global เส้นไกด์ก็จะกลายเป็นสีแดง

H x p d บื้ อู ญ ฟ ฎ

-เราสามารถทำการดูตัวอักษรแบบเป็นสีดำได้ ให้กดไปที่  View > Show Layer > Fill outline

-วิธีการเซฟ โดยไปที่ File > Save as ตั้งชื่อ ตามนี้ CRU Anongpak56 สกุลไฟล์ .vfb ซึ่งเป็นสกุลไฟล์ของโปรแกรม Fontlab แล้ว Save 

-ทำการ Generate font
 เพื่อที่สามารถเห็นภาพของตัวอักษรทั้งหมดได้ 
วิธีการคือ ไปที่ File > Generate Font > ตั้งชื่อ ตามนี้ CRU Anongpak56 สกุลไฟล์ .ttf  เป็นสกุลไฟล์เพื่อนำฟอนต์ไปใช้งาน แล้วกด Save


ผลการศึกษาโครงสร้างของตัวอักษรจากตัวพิมพ์ CRU-Lanchand และการสร้างสไตล์ให้กับ Font Family