รายงาน เรื่อง ออกแบบฟอนต์ลายมือไทย-อังกฤษ จากโปรแกรม Font creator รายวิชา ARTD2304 ออกแบบตัวอักษรเพื่อการพิมพ์ กลุ่มเรียน 101
จัดทาโดย นางสาว จีลดา อินทรแหยม รหัส 5411306631
เสนอ ผู้ช่วยศาสตราจารย์ประชิด ทิณบุตร สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรเกษม
คานา รายงานฉบับนี้เป็นส่วนหนึ่งของวิชาออกแบบตัวอักษรเพื่อการพิมพ์ ARTD2304 โดยมี จุดประสงค์ เพื่อการศึกษาความรู้ทั่วไปในเรื่องของการออกแบบตัวอักษร จากโปรแกรม Font creator ซึ่งรายงานฉบับนี้มีเนื้อหาเกี่ยวกับความรู้จากการสร้างตัวอักษรตั้งแต่พื้นฐานที่เริ่มต้น ผู้จัดทาจะต้องขอขอบคุณ ผศ.ประชิด ทิณบุตร ผู้ให้ความรู้ และแนวทางการศึกษา และ คาปรึกษาในการทารายงานฉบับนี้มาโดยตลอด ผู้จัดทาหวังเป็นอย่างยิ่งว่าผู้ศึกษาทุกท่านจะได้รับ ประโยชน์จากการศึกษา จากรายงานเล่มนี้ไม่มากก็น้อยหากมีข้อบกพร่องประการใด ผู้จัดทาขออภัย มา ณ ที่นี้ด้วย นางสาว จีลดา อินทรแหยม ผู้จัดทา
สารบัญ เรื่อง
หน้า
กระบวนการทางาน
1-2
Do Did Done Do
3-11
Did
12
Done
13
ข้อมูลแบบตัวพิมพ์ และฟอนต์ขนาดต่างๆ
Show Font
16-23
24
กระบวนการทางาน 1.Goal เป้าหมาย เป้าหมายของรายงานนี้คือ ฟอนต์ลายมือ ภาษาไทย-อังกฤษ
2.Tools เครื่องมือหลัก - เทมเพลตที่เป็น Grid สาหรับเขียนฟ้อนต์ลายมือ
-ปากกาดาหัวสักหลาด
- คอมพิวเตอร์
- เครื่องสแกน
- โปรแกรม Font creator
- โปรแกรม Adobe Reader อ่านไฟล์ PDF เปิดไฟล์ PDF
3.Do Did Done -Do....มีขั้นตอนการทาและหลักฐานเพื่อแสดงว่าทาจริง ขั้นตอนการออกแบบฟอนต์ลายมือ ภาษาไทย-อังกฤษ จากโปรแกรม Font creator ขั้นตอนที่ 1 ดาวว์โหลดเทมเพลตที่เป็น Grid สาหรับเขียนฟ้อนต์ลายมือ
ขั้นตอนที่ 2 สแกนภาพที่เขียนลงในคอมพิวเตอร์ทาการปรับตกแต่งภาพให้เกิดความคมชัด แล้วเลือก save เทมเพลตให้เป็นไฟล์ PDF
ขั้นตอนที3่ เปิดไฟล์ข้นึ มาให้เลือก Edit > take a snapshot
คลิกคอบตัวอักษรในเทมเพลตที่เราต้องการ แล้วกด CTRL+C
ขั้นตอนที4่ เปิดโปรแกรม font creator เลือก file>open>font file
เลือกfont ต้นฉบับคือ AAA_Watin-new แล้ว save as ให้เป็นชื่อของเราก่อนคือ AAA_Watindissaramas
ขั้นตอนที5่ เปิดไฟล์ที่เป็นชื่อเราขึ้นมาแล้วเลือกอักษรที่เราได้เลือกมาจาก PDF
จากนั้นกด CTRL+ V จะปรากฏภาพของตัวอักษรที่เราได้เลือกมา ให้เราปรับขนาดให้พอดีกับสัดส่วนตาม มาตรฐานของอักษรแต่ละตัวลบตัวอักษรเดิมออกจัดและแต่งจุดโหนดต่างๆ ทาเช่นนี้จนครบทุกตัวใน เทมเพลต
ลบเส้นอักษรเดิมออก
จัดแต่งจุดโหนดต่างๆและรูปทรงตามที่ต้องการ
ขั้นตอนที่ 6 การจัดวางช่องไฟ ตาแหน่งระยะห่าง หน้า-หลัง ความสูง - Cap height คือ ความสูงของตัวอักษรพิมพ์ใหญ่ - Median คือ ความสูงของตัวอักษรพิมพ์เล็ก - X-height คือ ระยะห่างระหว่างเส้นฐานจนถึงเส้น median ซึ่งเป็นช่วงของตัวพิมพ์เล็ก - Baseline คือ เส้นฐาน
ขั้นตอนที่7 เมื่อเราจัดวางช่องไฟ ตาแหน่งระยะห่าง หน้า-หลัง ความสูง ของตัวอักษรครบทุกตัวแล้วคลิกไปที่ font>test เพื่อทดสอบการพิมพ์ ตรวจสอบระยะช่องไฟของแต่ละอักษร หากยังไม่สมบูรณ์ให้แก้ไขตามขั้นตอนที่ 8
การนามาFoneไปติดตั้ง control Pane > Fonts เพื่อใช้เป็นฟอนต์เพื่อตกแต่งและทารายงานต่อไป
ขั้นตอนที่8 นาฟอนต์ที่ติดตั้งแล้วมานาเสนอโดยดูตัวอย่างจาก การนาเสนอฟอนต์ของ ผศ.ประชิด ทิณบุตร แล้วนามาปรับเปรี่ยนฟอนต์ใหป็นฟอนต์ของเราเอง เข้าไปที่โปรแกรมAi ปรับขนาดของ Font ให้ตรงตามอาจารย์ เลือกภาพพื้นหลังสวยๆมาใส่ แล้วกด save เป็น PDF
-Did... ผลที่ได้รับคือ ภาษาไทย-อังกฤษ
Font CRU-jeelada
-Done... ได้นาไปทดสอบ – สร้าง – ประยุกต์ - ใช้ประโยชน์ คือ นามาติดตั้งเพื่อใช้เป็นแบบพิมพ์ในรายงาน ของวิชาออกแบบตัวอักษรเพื่อการพิมพ์
-นา Font ไป uploadไว้ใน http://www.fontspace.com/ เพื่อแลกเปลี่ยนผลงานให้มีระดับ กว้างขวางขึ้น
ข้อมูลแบบตัวพิมพ์(Font Information) ชื่อแบบตัวพิมพ์ (Typeface/Font Name ) ชื่อ CRU_Jeelada ประเภทของไฟล์ตัวพิมพ์ OpenType Layout, TrueType Outlines ออกแบบโดย นางสาว จีลดา อินทรแหยม รหัสนักศึกษา 5411306631 วิชาออกแบบตัวอักษรเพื่อการพิมพ์ ARTD2304 กลุ่มเรียน 101 สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรเกษม กรุงเทพมหานคร เมื่อวันที่ 14 เดือน มกราคม พศ. 2556
ตัวอย่างรูปแบบตัวอักขระภาษาลาติน(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. ในทางวงการพิมพ์นั้นกล่าวถึงฟ้อนต์โดยทั่วไปว่า หมายถึงตัวอักษรที่ใช้เป็นแบบตัวเรียงพิมพ์เนื้อหา ที่มีขนาดและ รูปแบบเป็นชุดเดียวกัน ยกตัวอย่างเช่นแบบตัวอักษรที่ใช้ในการเรียงพิมพ์เนื้อหาที่ท่านกาลังอ่านอยู่นี้ มีชื่อแบบ ตัวอักษรชุดนี้ว่า บางพูด (Bangpood) ที่ประกอบด้วยรูปอักขระ(Glyphs) ของตัวพยัญชนะ (Consonants) สระ (Vowels) วรรณยุกต์ (Tones) เครื่องหมายสัญลักษณ์(Signs and Symbols) วรรคตอน(Punctuation) อักษรภาษาไทย ภาษาอังกฤษ คากลอนไทยสาหรับใช้พิมพ์ทดสอบผลการออกแบบ แสดงโครงสร้างของตัวอักษร การจัดระดับตาแหน่ง รูปพยัญชนะ สระ วรรณยุกต์ เครื่องหมายวรรคตอน การจัดระยะช่องไฟรอบรูปอักขระหรือฟ้อนต์ส่วนภาษาไทย ที่ สร้าง บันทึก ติดตั้ง และหรือทดสอบในโปรแกรมฟ้อนต์ครีเอเตอร์และัหรือด้วยโปรแกรมประยุกต์อื่นๆในระบบ เขา มักใช้คากลอนนี้ ให้นักศึกษาคัดลอกไปวาง เปลี่ยนเป็นฟ้อนต์ที่เราทา ตรวจสอบระยะช่องไฟกั้นหน้า-หลัง การ ประสมคาตาแหน่งสระและวรรณยุกต?ว่าตรงตาแหน่งตามหลักไวยกรณ์ของไทยหรือใหม่และบันทึกเป็นหลักฐาน แสดงในรายงาน ภาษาอังกฤษให้ตรวจสอบดูด้วยตาเองว่าระยะเป็นอย่างไร แล้วไปแก้ไขในตารางฟ้อนต์ และทดสอบ ใหม่ ซ้าๆ จนแน่ใจว่าเป็นระยะและตาแหน่งที่ถูกต้องแล้ว
คากลอนตรวจสอบแบบตัวอักษร ตาแหน่งพิมพ์ผสมคาไทย "เป็นมนุษย์สุดประเสริฐเลิศคุณค่า กว่าบรรดาฝูงสัตว์เดรัจฉาน จงฝ่าฟ๎นพัฒนาวิชาการ อย่าล้างผลาญ ฤๅเข่นฆ่าบีฑาใคร ไม่ถือโทษโกรธแช่งซัด ฮึดฮัดด่า หัดอภัยเหมือนกีฬา อัชฌาสัย ปฏิบัติประพฤติกฎ กาหนดใจ พูดจาให้จ๊ะๆจ๋า น่าฟ๎งเอยฯ"
คาที่ควรนามาทดสอบคือ วิํูชน ภูปเตมี กตัญํู เกลื่อน เกลื้อน โหมโรง กระโปรง น้าใจ
แบบภาพตัวอักษรภาษาไทย-ภาษาอังกฤษ-ตัวเลข-เครื่องหมาย-สัญลักษณ์-วรรคตอน ภาพชุดอักขระ(Character set) ของ AAA-Watin-Jeelada font :แสดงความสูง 10 พ้อยท์ ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz!@#%^&*()_+|{}[]:"<>?;'",./\*-.=;'กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรฤลฦวศษสหฬอฮ๐๑๒๓๔๕๖๗๘๙ ๆๅ฿อะอาอุึอูอิอีอึอือ่อ้อ๊อ๋อ์อาเแโใไ?
ภาพชุดอักขระ(Character set) ของ AAA-Watin- Jeelada font :แสดงความสูง 12 พ้อยท์ ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz!@#%^&*()_+|{}[]:"<>?;'",./\*-.=;'กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรฤลฦวศษสหฬอฮ ๐๑๒๓๔๕๖๗๘๙ ๆๅ฿อะอาอุึอูอิอีอึอือ่อ้อ๊อ๋อ์อาเแโใไ?
ภาพชุดอักขระ(Character set) ของ AAA-Watin- Jeelada font :แสดงความสูง 14 พ้อยท์ ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz!@#%^&*()_+|{}[]:"<>?;'",./\*-.=;'กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟ ภมยรฤลฦวศษสหฬอฮ๐๑๒๓๔๕๖๗๘๙ ๆๅ฿อะอาอุึอูอิอีอึอือ่อ้อ๊อ๋อ์อาเแโใไ?
ภาพชุดอักขระ(Character set) ของ AAA-Watin- Jeelada font :แสดงความสูง 16 พ้อยท์ ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz!@#%^&*()_+|{}[]:"<>?;'",./\*-.=;' กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรฤลฦวศษสหฬอฮ๐๑๒๓๔๕๖๗๘๙ ๆๅ฿อะอาอุึอูอิอีอึอือ่อ้อ๊อ๋อ์อาเแโใไ?
ภาพชุดอักขระ(Character set) ของ AAA-Watin- Jeelada font :แสดงความสูง 18 พ้อยท์ ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz!@#%^&*()_+|{}[]:"<>?;'",./\*-.=;' กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรฤลฦวศษสหฬอฮ๐๑๒๓๔๕๖๗๘๙ ๆๅ฿อะอาอุึอูอิอีออึ ือ่อ้อ๊อ๋อ์อาเแโใไ? ภาพชุดอักขระ(Character set) ของ AAA-Watin- Jeelada font :แสดงความสูง 20 พ้อยท์
ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz!@#%^&*()_+|{}[]:"<>?;'",./\*-.=;' กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟภมยรฤลฦวศษสหฬอฮ ๐๑๒๓๔๕๖๗๘๙ ๆๅ฿อะอาอุึอูอิอีอึอือ่อ้อ๊อ๋อ์อาเแโใไ? ภาพชุดอักขระ(Character set) ของ AAA-Watin- Jeelada font :แสดงความสูง 36 พ้อยท์
ABCDEFGHIJKLMNOPQRSTUVWX YZ0123456789 abcdefghijklmnopqrstuvwxyz!@#%^&*() _+|{}[]:"<>?;'",./\*-.=;'
กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถทธนบปผฝพฟ ภมยรฤลฦวศษสหฬอฮ๐๑๒๓๔๕๖๗๘๙ ๆๅ฿อะอาอุึอูอิอีอึอือ่อ้อ๊อ๋อ์อาเแโใไ ภาพชุดอักขระ(Character set) ของ AAA-Watin- Jeelada font :แสดงความสูง 48 พ้อยท์
ABCDEFGHIJKLMNOPQ RSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz! @#%^&*()_+|{}[]:"<> ?;'",./\*-.=;' กขฃคฅฆงจฉชซฌญฎฏฐฑฒณดตถท
ธนบปผฝพฟภมยรฤลฦวศษสหฬอฮ ๐๑๒๓๔๕๖๗๘๙ ๆๅ฿อะอาอุึอูอิอีออึ ือ่อ้อ๊อ๋อ์อาเแโใไ ตัวอย่างขนาดและการเรียงพิมพ์เนื้อหาภาษาไทย-ภาษาอังกฤษ จัดแถวเสมอหน้า(Type Arranging:Left) ตัวอย่างการเรียงพิมพ์ด้วยแบบตัวอักษรเอกลักษณ์เฉพาะ (Corporated Identifier Font Family )ชื่อ ทริปเปิ้ลเอ-วาทิน-จีลดา ชื่อผู้ออกแบบ ผศ. ประชิด ทิณบุตรออกแบบและแก้ไขโดยนางสาว จีลดา อินทรแหยม สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรเกษม กรุงเทพมหานคร ขนาดความ สูงตัวอักษร 12 พ้อยท์
จัดแถวเสมอหลัง(Type Arranging:Right) ตัวอย่างการเรียงพิมพ์ด้วยแบบตัวอักษรเอกลักษณ์เฉพาะ(Corporated Identifier Font Family )ชื่อ ทริปเปิ้ลเอ-วาทิน-จีลดา ชื่อผู้ออกแบบ ผศ.ประชิด ทิณบุตรออกแบบและแก้ไขโดยนางสาว จีลดา อินทรแหยม สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏ จันทรเกษม กรุงเทพมหานคร ขนาดความสูงตัวอักษร 14 พ้อยท์
จัดแถวกึ่งกลาง(Type Arranging:Center) ตัวอย่างการเรียงพิมพ์ด้วยแบบตัวอักษรเอกลักษณ์เฉพาะ(Corporated Identifier Font Family )ชื่อ ทริป เปิ้ลเอ-วาทิน-จีลดา ชื่อผู้ออกแบบ ผศ.ประชิด ทิณบุตรออกแบบและแก้ไขโดยนางสาว จีลดา อินทรแหยม สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรเกษม กรุงเทพมหานคร ขนาดความสูงตัวอักษร 16 พ้อยท์
ตัวอย่างการเรียงพิมพ์ข้อความขนาดความสูงตัวอักษรหลายขนาดจัดวาง แบบกึ่งหน้ากระดาษ
สาขาวิชาศิลปกรรม คณะมนุษยศาสตร์และสังคมศาสตร์ มหาวิทยาลัยราชภัฏจันทรเกษม Fine and Applied Arts Division Chandrakasem Rajabhat University
Show Font