วันจันทร์ที่ 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






วันพฤหัสบดีที่ 12 ธันวาคม พ.ศ. 2556

สรุปการเรียนการสอน วันอังคารที่ 3 ธันวาคม พ.ศ. 2556

     อาจารย์ตรวจการดราฟโครงสร้างตัวอักษร Lanchand และอาจารย์ก็สอนดราฟตัวอักษรใน Illustrator ให้ดูและทำตาม และให้เราไปดราฟสัญญาลักษณ์เพิ่ม

เปิด โปรแกรม Adobe Illustrator เพื่อทดลองการทำฟ้อนต์สไตล์ต่างๆจาก ที่ทำการศึกษาโครงสร้างของฟ้อนต์ CRU Lanchand โดยการก็อบปี้เลเยอร์ และปิดตาเลเยอร์เดิม เช่นการใช้ stroke เป็นการเล่นเส้นและการออกแบบ การปรับขนาดเส้น หัวตัด หัวกลมเป็นต้นการสร้างสรรค์งานนั้นสามารถทำได้หลากหลายวิธีการ การเปลี่ยนเส้นให้เป็นรูปร่างทำได้โดย ไปที่ Object>Path>Outline Stroke ใช้ในการสร้างสรรค์งานได้เช่นกัน
     สไตล์ของฟ้อนต์ที่นิยมในการออกแบบให้เข้ากับfont family และใช้งาน มีหลักๆ 4 ประเภทคือ
1.ตัวธรรมดา (Regular) 2.ตัวหนา (Bold) 3.ตัวเอียง(Italic) 4.ตัวหนาเอียง (Bolditalic)



งานที่ได้รับมอบหมาย
-ดราฟโครงสร้างตัวอักษรให้หมดทุกตัว
-ให้นักศึกษาทำ Font จากโครงสร้างที่เราสร้างมาทำให้แตกต่างกัน 5 แบบ

1.ชื่อ Regular (แบบโครงสร้างเดิม เป็นตัวมาสเตอร์)
2.ชื่อ Bold (เอียงประมาณ 9องศา ถึง13องศา)
3.ชื่อ Italic
4.ชื่อ Bolditalic
5.ชื่อ สไตล์ของเรา ตั้งชื่อตามความเหมาะสมตามลักษณะตัวอักษร
ส่งใน Drive
ดราฟตัวอักษรทั้งหมดตามภาพ

วันอาทิตย์ที่ 24 พฤศจิกายน พ.ศ. 2556

การเรียนในวันที่ 19 พฤศจิกายน 2556


การเรียนในวันที่ 19 พฤศจิกายน 2556


จัดกลุ่มตามที่อาจารย์กำหนดให้   เพื่อศึกษาและทำงานร่วมกันเกี่ยวกับ การสร้างผลิตภัณฑ์จากฟ้อนต์เพื่อใช้ในการศึกษาและจำหน่าย ในงานgift on the moon 2014 สร้างบล็อคในการเขียนสรุปงานของกลุ่ม โดยเชิญสมาชิกในกลุ่ม เป็นผู้เขียนทุกคน และเริ่มทำการเขียนบล็อค และแก้ไขข้อมูล ตั้งชื่อกลุ่ม ให้มีเนื้อหาสอดคล้องเกี่ยวกับวิชาที่ศึกษา โดยศึกษาจากคำและข้อมูลจำเพาะของการออกแบบตัวอักษร มาใช้ในการตั้งชื่อ โดยการอภิปรายร่วมกัน เสนอชื่อ พร้อมความหมายต่างๆ เพื่อสอบถามความเห็นจากอาจารย์ และอภิปรายสรุปร่วมกัน เลือกชื่อกลุ่มที่ดีสุดเป็นชื่อกลุ่ม 
 รับงาน ออกแบบตัวอักษร ตามชื่อของกลุ่ม โดยให้สมาชิกทุกคนทำการออกแบบ และโพสต์ลงบล็อคสรุปการเรียนรู้ เพื่อนำมาอภิปราย และร่วมกันออกแบบ Logotype ของกลุ่มในคราวต่อไป


ชื่อกลุ่ม FONT RANGERS 

ก่อนหน้านี้กลุ่มเราได้คิดชื่อกลุ่มมาดังนี้
1   Robot Font
2   Font Environment
3   Font Rangers
แล้วได้ปรึกษาอาจาร แล้วตกลงว่าจะใช้ชื่อ  FONT RANGERS  ซึ่งเราใช้คำว่า RANGERS 
เพราะมาจากหนังขบวนการนักสู้ที่เด็กๆชอบดู เช่น  POWER RANGERS  SPORT RANGERS , 
SUPER RANGERS
เราจึงใช้คำว่า RANGERS มารวมกับคำว่า FONT จึงกลายเป็น FONT RANGERS 
ซึ่งเปรียบเหมือนพวกเราซึ่งมีสมาชิกทั้ง 5 คน เป็นขบวนการพิทักษ์อักษร 

สมาชิกกลุ่ม
1.น.ส.ปริญญ์  ทินราช           5411301863
2.น.ส.พนมกร  ศรีเมือง        5511302860
3.น.ส.สุรัสวดี  สุวะเสน          5511310491
4.น.ส.อนงค์พักตร์  พูลพร   5511310467
5.นายสิรวิชญ์  ฤทธิธรรม    5511302720


ลิ้งกลุ่ม :  http://artd2304-font-rangers.blogspot.com/