รายงาน เรือ่ งการออกแบบฟ้อนต์ลายมือไทย-อังกฤษจากโปรแกรมFont creator รายวิชา การออกแบบตัวอักษรเพื่อการพิมพ์ (ARTD2304) กลุ่มเรียน 102
เสนอ ผูช้ ว่ ยศาสตราจารย์ ประชิด ทิณบุตร
จัดทาโดย นางสาว จริยา เตราชูสงค์ รหัส 5411301590 สาขาวิชาศิลปกรรม (ออกแบบนิเทศศิลป์)
มหาวิทยาลัยราชภัฏจันทรเกษม
คานา รายงานเล่มนี้เป็นส่วนหนึ่งของ วิชา การออกแบบตัวอักษรเพื่อการพิมพ์(ARTD2304) รายงามเล่มนี้จัดทาขึ้นเพื่อรวบรวมความรู้ความเข้าใจและวิธีการทาเกี่ยวกับการออกแบบ ตัวอักษรเพื่อการพิมพ์ โดยใช้โปรแกรม Font creator โปรแกรมที่ใช้สาหรับสร้างชุดฟ้อนต์ ลายมือตัวเอง เพือ่ ฝึกฝนพัฒนาการทาฟ้อนต์ลายมือของตัวเอง และยังมีชุดฟ้อนต์ลายมือของ ตัวเองไว้ใช้อีกด้วย
จัดทาโดย นางสาว จริยา เตราชูสงค์
สารบัญ เรื่อง
หน้า
กระบวนการทางาน
1-3
Do Did Done
4-18
บรรณานุกรม
1
กระบวนการทางาน 1.Goal เป้าหมาย เป้าหมายของการทาชุดฟ้อนต์ลายมือนี้คือ เพื่อฝึกฝนทักษะในวิชา ออกแบบตัวอักษรเพื่อการพิมพ์ (ARTD2304) และพัฒนาการใช้โปรแกรม Font creator ในการสร้างชุดฟ้อนต์ลายมือของตัวเองเพื่อออกแบบ และแก้ไขได้โดยมีวัตถุประสงค์หลักคือให้ใช้เป็นฟ้อนต์ลายมือของตัวเองทั้งภาษาไทย-ภาษาอังกฤษ-ตัวเลขเครื่องหมายวรรคตอน -สัญลักษณ์ เพื่อใช้เป็นตัวอักษรในการทาการ์ดอวยพรและสื่อสิ่งพิมพ์ชนิดต่างๆหรือใช้ ในงานออกแบบงานต่างๆสืบไป
2.Tools เครื่องมือหลัก
ภาพที1่ : แสดง เทมเพลตที่เป็น Grid สาหรับเขียนฟ้อนต์ลายมือตัวเอง ที่มา:จริยา เตราชูสงค์,2556
2
ภาพที2่ : แสดง ปากกาดาหัวสักหลาดในการเขียนฟ้อนต์ของตัวเองในเทมเพลต ที่มา:จริยา เตราชูสงค์,2556
ภาพที3่ : แสดง เครื่องคอมพิวเตอร์ เป็นเครื่องมือที่ช่วยให้เราใช้โปรแกรมต่างๆในการสร้างฟ้อนต์ลายมือของ เรา ที่มา:จริยา เตราชูสงค์,2556
ภาพที4่ : แสดง เครื่องสแกน เพื่อใช้ในการสแกนเทมเพลตฟ้อนต์ลายมือของเราเข้าเครื่องคอมพิวเตอร์ ที่มา:จริยา เตราชูสงค์,2556
3
ภาพที5่ : แสดง โปรแกรม Font creator เพื่อใช้ในการสร้างชุดฟ้อนต์ลายมือของตัวเอง ที่มา:จริยา เตราชูสงค์,2556
ภาพที6่ : แสดง โปรแกรม photoshop เป็นโปรแกรมที่ช่วยในการสร้างฟ้อนต์ลายมือของเรา ที่มา:จริยา เตราชูสงค์,2556
4
3.Do Did Done -Do....มีขั้นตอนและหลักฐานแสดง ขั้นตอนการออกแบบฟ้อนต์ลายมือ ภาษาไทย-อังกฤษ จากโปรแกรม Font creator ขั้นตอนที่ 1 ดาวว์โหลดเทมเพลตที่เป็น Grid สาหรับเขียนฟ้อนต์ลายมือของเราเองก่อน
ภาพที1่ : แสดง เทมเพลตที่เป็น Grid สาหรับเขียนฟ้อนต์ลายมือตัวเอง ที่มา:https://docs.google.com/viewer?a=v&pid=sites&srcid=ZGVmYXVsdGRvbWFpbnxhcnRp MjMwNXxneDo0OTM5MDAzZWFlNTAxMjc ,2556
5
ขั้นตอนที่ 2 สแกนภาพเทมเพลตที่เขียนด้วยลายมือของเราเองลงในเครื่องคอมพิวเตอร์ให้เรียบร้อย
ภาพที่2: แสดงหน้าเทมเพลตฟ้อนต์ลายมือ ที่มา: จริยา เตราชูสงค์,2556
6
ภาพที่3: แสดงหน้าเทมเพลตฟ้อนต์ลายมือ ที่มา: จริยา เตราชูสงค์,2556
7
ขั้นตอนที3่
เปิดโปรแกรม
Font creator แล้วทาตามภาพ
ภาพที่4: แสดงการเปิดไฟล์ฟ้อนต์ ที่มา: จริยา เตราชูสงค์,2556
ขั้นตอนที4่ เลือกไปที่ฟ้อนต์ที่เราจะใช่เป็นแพทเทิร์น ในที่นี้เลือกไปที่ AAA-Watin-new แล้วกดOK
ภาพที่5: แสดงการเลือกฟ้อนต์ที่เราจะใช่เป็นแพทเทิร์น ที่มา: จริยา เตราชูสงค์,2556
8
ขั้นตอนที5่ หลังจากเลือกฟ้อนต์ที่เราจะใช่เป็นแพทเทิร์นเรียบร้อยแล้วก็จะได้แบบนี้
ภาพที6่ : แสดงการเลือกฟ้อนต์ที่เราจะใช่เป็นแพทเทิร์นเรียบร้อยแล้ว ที่มา: จริยา เตราชูสงค์,2556
ขั้นตอนที6่ หลังจากนั้นเรามาSave As..กันก่อนทาตอนภาพได้เลย
ภาพที7่ : แสดงการ Save As.. หลังจากที่เลือกแพทเทิร์นเรียบร้อยแล้ว ทีม่ า: จริยา เตราชูสงค์,2556
9
ขั้นตอนที7่ หลังจากที่เรากด Save As..แล้ว เราก้อจะได้ภาพดังนี้ และเราก็ตั้งชื่อไฟล์จาก AAA-Watin-new เป็นชื่อของเราแทนคือ AAA-Watin-Jariya-2012
ภาพที8่ : แสดงหลังจากที่เรากด Save As.. แล้ว เราก้อจะได้ภาพดังนี้ และเราก็ตั้งชื่อไฟล์ จาก AAA-Watin-new เป็นชื่อของเราแทนคือ AAA-Watin-Jariya-2012 ทีม่ า: จริยา เตราชูสงค์,2556
ขั้นตอนที8่ หลังจากนั้นคลิกตัวอักษรที่เราจะทามาหนึ่งตัว ดังภาพ
ภาพที9่ : แสดง การเลือกตัวอักษรที่เราจะทามาหนึ่งตัวอักษร ทีม่ า: จริยา เตราชูสงค์,2556
10
ขั้นตอนที9่ หลังจากเลือกตัวอักษรมาหนึ่งตัวแล้ว ให้เปิดโปรแกรม photoshop แล้วเปิดไฟล์ ฟ้อนต์ลายมือของเราเองที่สแกนไว้ ดังภาพ
ภาพที1่ 0 : แสดงหลังจากเลือกตัวอักษรมาหนึ่งตัวแล้ว ให้เปิดโปรแกรม photoshop แล้วเปิดไฟล์ ฟ้อนต์ ลายมือของเราเองที่สแกนไว้ ทีม่ า: จริยา เตราชูสงค์,2556
ขั้นตอนที1่ 0 จากนั้นเลือกเครื่องมือ Magic Ward ในโปรแกรม photoshop แล้วนาเครื่องมือ Magic Ward ไปคลิกที่ตัวอักษรที่เราจะใช้และมันจะขึ้นเป็นเส้นปะ ดังภาพ
ภาพที1่ 1 : แสดง หลังจากนั้นเลือกเครื่องมือ Magic Ward ในโปรแกรม photoshop แล้วนาเครื่องมือ Magic Ward ไปคลิกที่ตัวอักษรที่เราจะใช้และมันจะขึ้นเป็นเส้นปะ ทีม่ า: จริยา เตราชูสงค์,2556
11
ขั้นตอนที1่ 1 หลังจากที่ตัวอักษรขึ้นเส้นปะแล้วให้เรากดคลิกขวาcut หรือctrl+xจะได้ดังภาพ
ภาพที1่ 2 : แสดง หลังจากที่ตัวอักษรขึ้นเส้นปะแล้วให้เรากดคลิกขวาcut หรือctrl+x ทีม่ า: จริยา เตราชูสงค์,2556
ขั้นตอนที1่ 2 มาที่โปรแกรม Font creator แล้วคลิกขวา past หรือctrl+v ก็จะได้ฟ้อนต์ลายมือของเรา มาแล้ว ดังภาพ
ภาพที1่ 3 : แสดง ในโปรแกรม Font creator แล้วคลิกขวา past หรือ ctrl+v ก็จะได้ฟ้อนต์ลายมือของเรา ทีม่ า: จริยา เตราชูสงค์,2556
12
ขั้นตอนที1่ 3 หลังจากนั้นขยายฟ้อนต์ลายมือของเราให้เท่ากับฟ้อนต์ที่เราใช้เป็นแพทเทิร์น และดัดฟ้อนต์ ลายมือของเราให้เรียบร้อย ทาจนคบทุกตัวอักษร หลังจากนั้นให้ทดสอบฟ้อนต์ลายมือของเราโดยกดที่ F5 เพื่อทดสอบฟ้อนต์ลายมือของเราทุกตัวและดูระยะห่างระหว่างตัวอักษรทุกตัวด้วย ดังภาพ
ภาพที1่ 4 : แสดง การขยายฟ้อนต์ลายมือของเราให้เท่ากับฟ้อนต์ที่เราใช้เป็นแพทเทิร์น ทีม่ า: จริยา เตราชูสงค์,2556
ขั้นตอนที1่ 4 จากนั้นคลิกที่ฟ้อนท์ต้นแบบ เพื่อที่จะทาการเปลี่ยนข้อมูลชื่อฟ้อนท์ลายมือเป็นของเราเอง ไปที่เมนู Tools>AutoNaming... ดังภาพ
ภาพที1่ 5 : แสดง การเปลี่ยนข้อมูลชื่อฟ้อนท์ลายมือเป็นของเราเอง โดยไปที่เมนู Tools >AutoNaming... ทีม่ า: จริยา เตราชูสงค์,2556
13
ขั้นตอนที1่ 5 หลังจากนั้นตั้งชื่อเป็น CRU-Jariya ฟ้อนท์ และกด
Next ดังภาพ
ภาพที1่ 6: แสดง การตั้งชื่อเป็น CRU- Jariya ฟ้อนท์ และกด Next ทีม่ า: จริยา เตราชูสงค์,2556
14
-Did... ผลที่ได้รับจาก ฟ้อนต์ลายมือ ภาษาไทย-อังกฤษ จากโปรแกรม Font creator
15
16
-Done... การนาชุดฟ้อนต์ลายมือไปทดสอบ-สร้าง-ประยุกต์-ใช้ประโยชน์ คือ นามาติดตั้งเพื่อใช้เป็นแบบพิมพ์ ในรายงานของวิชาออกแบบตัวอักษรเพื่อการพิมพ์
ข้อมูลแบบตัวพิมพ์(Font Information) ชื่อแบบตัวพิมพ์ (Typeface/Font Name ) ชื่อ CRU-Jariya ประเภทของไฟล์ตัวพิมพ์ OpenType Layout, TrueType Outlines ออกแบบโดย นางสาว จริยา เตราชูสงค์ รหัสนักศึกษา 5411301590 วิชา การออกแบบตัวอักษรเพื่อการพิมพ์ ARTD2304 กลุ่มเรียน 102 สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรเกษม กรุงเทพมหานคร
ตัวอย่างรูปแบบตัวอักขระภาษาลาติน(Latin Characters) ได้แก่ ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz!@#%^&*()_+|{}[]:"<>?;'",./\*-.=;'
ตัวอย่างรูปแบบตัวอักขระภาษาไทย(Thai Characters) ได้แก่ กขฃคฅฆงจฉชซฌญฎฏฐฒณดตถทธนบปผฝพฟภมยรฤลฦวศษสหฬอฮ๐๑๒๓๔๕๖๗๘๙ ๆๅ฿อะอาอุึอูอิอีอึอือ่อ้อ๊อ๋อ์อาเแโใไ?
ข้อความสาหรับการทดสอบการพิมพ์รับคาสั่งพิมพ์ และเพื่อแสดงตาแหน่งการพิมพ์รูป อักขระที่ออกแบบ-จัดช่องว่าง ช่องไฟระหว่างรูปอักขระและระหว่างคา ทั้งภาษาอังกฤษ กับภาษาไทย In typography, a font is traditionally defined as a quantity of sorts composing a complete character set of a single size and style of a particular typeface. For example, the complete set of all the characters for “9-point Bulmer” is called a font, and the “10point Bulmer” would be another separate font, but part of the same font family, whereas “9-point Bulmer boldface” would be another font in a different font family of the same typeface. One individual font character might be referred to as a “piece of font” or a “piece of type”.Font nowadays is frequently used synonymously with the term typeface, although they had clearly understood different meanings before the advent of digital typography and desktop publishing. ในทางวงการพิมพ์นั้นกล่าวถึงฟ้อนต์โดยทั่วไปว่า หมายถึงตัวอักษรที่ใช้เป็นแบบตัวเรียงพิมพ์เนื้อหา ที่มี ขนาดและรูปแบบเป็นชุดเดียวกัน ยกตัวอย่างเช่นแบบตัวอักษรที่ใช้ในการเรียงพิมพ์เนื้อหาที่ท่านกาลังอ่านอยู่นี้ มี ชื่อแบบตัวอักษรชุดนี้ว่า CRU-Jariya ที่ประกอบด้วยรูปอักขระ(Glyphs) ของตัวพยัญชนะ (Consonants) สระ
17
(Vowels) วรรณยุกต์ (Tones) เครื่องหมายสัญลักษณ์(Signs and Symbols) วรรคตอน(Punctuation) อักษรภาษาไทย ภาษาอังกฤษ คากลอนไทยสาหรับใช้พิมพ์ทดสอบผลการออกแบบ แสดงโครงสร้างของตัวอักษร การจัดระดับตาแหน่ง รูปพยัญชนะ สระ วรรณยุกต์ เครื่องหมายวรรคตอน การจัดระยะช่องไฟรอบรูปอักขระหรือฟ้อนต์ส่วน ภาษาไทย ที่สร้าง บันทึก ติดตั้ง และหรือทดสอบในโปรแกรมฟ้อนต์ครีเอเตอร์และัหรือด้วยโปรแกรมประยุกต์ อื่นๆในระบบ เขามักใช้คากลอนนี้ ให้นักศึกษาคัดลอกไปวาง เปลี่ยนเป็นฟ้อนต์ที่เราทา ตรวจสอบระยะช่องไฟกั้น หน้า-หลัง การประสมคาตาแหน่งสระและวรรณยุกต?ว่าตรงตาแหน่งตามหลักไวยกรณ์ของไทยหรือใหม่และ บันทึกเป็นหลักฐานแสดงในรายงาน ภาษาอังกฤษให้ตรวจสอบดูด้วยตาเองว่าระยะเป็นอย่างไร แล้วไปแก้ไขใน ตารางฟ้อนต์ และทดสอบใหม่ ซ้าๆ จนแน่ใจว่าเป็นระยะและตาแหน่งที่ถูกต้องแล้ว
คากลอนตรวจสอบแบบตัวอักษร ตาแหน่งพิมพ์ผสมคาไทย "เป็นมนุษย์สุดประเสริฐเลิศคุณค่า กว่าบรรดาฝูงสัตว์เดรัจฉาน จงฝ่าฟันพัฒนาวิชาการ อย่าล้างผลาญ ฤๅเข่นฆ่าบีฑาใคร ไม่ถือโทษโกรธแช่งซัด ฮึดฮัดด่า หัดอภัยเหมือนกีฬา อัชฌาสัย ปฏิบัติประพฤติกฎ กาหนดใจ พูดจาให้จ๊ะๆจ๋า น่าฟังเอยฯ"
คาที่ควรนามาทดสอบคือ วิญูชน ภูปเตมี กตัญญู เกลื่อน เกลื้อน โหมโรง กระโปรง น้าใจ
การนาฟ้อนต์ลายมิอมาติดตั้งใน control Pane > Fonts เพื่อใช้เป็นแบบพิมพ์ในรายงานของวิชา ออกแบบตัวอักษรเพื่อการพิมพ์ในโปรแกรมสร้างเอกสารต่างๆเช่น Microsoft Word
18
ภาพที1่ 7: แสดงการนาฟ้อนต์ลายมือของเราเองไปติดตั้งในเครื่องคอมพิวเตอร์ ที่มา:จริยา เตราชูสงค์,2556
ภาพที1่ 8: แสดงการนาฟ้อนต์ลายมือของเราเองมาใช้งานในเครื่องคอมพิวเตอร์ ที่มา:จริยา เตราชูสงค์,2556
บรรณานุกรม ที่มา: -http://www.high-logic.com/font-editor/fontcreator/tutorials.html (หน้าเว็บไซต์โปรแกรมออกแบบสร้างฟ้อนต์ด้วย Font Creator และการดาวน์โหลดโปรแกรม Font Creator) -http://typefacesdesign.blogspot.com/2012/12/fontlab5-user-manual.html (คู่มือการใช้โปรแกรม Font Creator ที่ใช้สาหรับการออกแบบชุดตัวอักษรและตัวพิมพ์ และสร้างไฟล์) -www.google.com