รายงาน

เรือ่ง การออกแบบชดุตวัอกัษรไทย - อังกฤษ โดยโปรแกรม FontLab Studio 5

รายวชิา ARTD2304 การออกแบบตวัอกัษรเพือ่การพิมพ

กลุมเรียน 201

เสนอ ผูชวยศาสตราจารย ประชดิ ทณิบตุร

จดัทาํโดย

นาย สราวฒุ ิอนรุกัษ รหสันักศกึษา 5111302492 กลุม 201

สาขาวชิา ศลิปกรรม (ออกแบบนเิทศศลิป) มหาวทิยาลยัราชภฎัจนัทรเกษม

คาํนํา รายงานฉบับนี้เปนสวนหนึ่งของวิชา ARTD2304 การออกแบบตัวอักษรเพือ่การพมิพ โดยมีจุดประสงค เพื่อศึกษาความรูที่ไดจากการเรียนเรื่องการออกแบบตัวอักษร และพัฒนารูปแบบของฟอนตทีม่ีอยูเดมิ โดยในรายงานเลมนี้มเีนื้อหาประกอบดวยความรูเกี่ยวกับการออกแบบฟอนต การจัดเรยีงตัวอกัษรแบบเรียงพมิพ ตลอดจนการประยุกตใชงาน ผูจัดทําตองขอขอบคุณ ผศ.ประชิด ทิณบุตร ผูใหความรูและแนวทางการศึกษา หวังวารายงานฉบับนี้จะใหความรู และเปนประโยชนแกผูอานทุกๆทาน

นาย สราวุฒิ อนรุักษ ผูจัดทํา

สารบญั

วัตถุประสงค 1 ขั้นตอนและหลักฐาน 2 ผลที่ไดรับ 10 นําไปทดสอบ และใชประโยชน 11

วตัถปุระสงค 1. เพื่อพัฒนาตัวอักษรชุด CRU-Lanchand ใหมีความหลายหลายและแปลกใหม 2. เพื่อออกแบบสรางสรรคผลงานการออกแบบตัวอักษร 3. เพื่อสรางทักษะในการเรยีนรูเรื่องของการออกแบบตัวอักษร และสามารถนํามาใชไดจริงในการพิมพ

กระบวนการทางาน เปาหมาย - สรางฟอนตกราฟฟค โดยใชเครื่องมอืในโปรแกรม Fontlab

- สามารถนําฟอนตที่ออกแบบไปใชงานไดจริง เครื่องมอืหลัก - คอมพวิเตอร

- โปรแกรม Fontlab Studio มีขั้นตอนและหลักการแสดง - ขั้นตอนในการสรางฟอนตกราฟฟคดัดแปลงภาจากฟอนต CRU Lanchand 56

ขัน้ตอนที ่ 1: ดาวนโหลดฟอนต CRU LanChand 56 จากhttp://www.chandrakasem.info/?page_id=60 เพื่อเปนแมแบบในการออกแบบและจัดเรียง ชุดตัวอักษร

ขัน้ตอนที ่2 : เปดโปรแกรม Adobe Illustrator และทําการพิมพตัวอักษร CRU-Lanchand 56 โดยพิมพใหทุกตัวอกัษรมีขนาดที่เทากันทั้งหมด

ขัน้ตอนที ่3 : ทําการดราฟเสนแกนตัวอกัษร โดยใชเครื่องมือ Pen tool ทําใหครบทุกตัวอักษร ทั้งภาษาไทยและภาษาอังกฤษ

ขัน้ตอนที ่4 : เปล่ียนหัวแปรงทีเ่สนแกนตัวอักษร แลวเลือกอันที่เราชอบ

ขัน้ตอนที ่5 : เปดโปรแกรม font lab ขึน้มา โดยเราจะใชตนแบบของฟอนต CRU lanchand 56 ซี่งเราตองเขาไปที่คําสั่ง file – open – แลวเลือกไฟล CRU lanchand 56

ขัน้ตอนที ่6 : copy ไฟลตัวอักษรที่เราสรางไวใน Illustrator แลวเอามาวางในโปรแกรม font lab โดยวางในตัวอักษรตัวเดียวกัน

ขัน้ตอนที ่7 : เมื่อเรานํามาวางแลว ใหเราปรับขนาดและรูปแบบใหสวยงาม เมื่อไดรูปแบบที่เราพอใจแลวใหทําการลบตัวอักษรเดิมออก และนํารูปแบบตัวอักษรใหมใสแทนที่ตัวอักษรเดิม จากนั้นทําการแกไขในทุกๆตัวอักษร จนครบ

ขัน้ตอนที ่8 : การทดสอบพิมพ โดยเขาที่เมนู Tools > Quick Test As > OpenType TT (.ttf) และทําการพิมพขอความตางๆ ลงไป

ขัน้ตอนที ่9 : เมื่อไดชุดตัวอักษรที่สมบูรณแลว ขั้นตอนตอไปเปนขั้นตอนของการเปล่ียนช่ือ และปรับ เปล่ียนขอมลูตางๆ โดยเพิ่มช่ือของเราเขาไปตอจากช่ือ CRU-Lanchand เพราะเปนชุดตัวอักษรที่มีรูปแบบ ของชุดตัวอักษร CRU-Lanchand เปนแมแบบ หรือเราอาจใชเพียง CRU นําหนาอยางเดียวกได ซึ่งถือวาเปนครอบครัวของชุดตัวอักษรเดียวกันนั้นเอง การเปล่ียนช่ือนั้นใหไปที่คําสั่ง File > Font Info > name and copyright และทําการเปล่ียนช่ือใหเปนช่ือ ของทานเองทั้งหมด

ขัน้ตอนที ่10 : เมื่อทําการเปล่ียนแปลงช่ือของผูออกแบบชุดตัวอักษรเปนที่เรียบรอยแลวตอไปเปนขั้นตอนสุดทาย เพื่อนําชุดตัวอกัษรทีเ่ราสรางขึ้นนํามาใชงานจริงในการพิมพ โดยตองทําการ Generate font โดยไปที่คําสั่ง File > Generate font และกด Save โปรแกรมจะทําการแปลงไฟลออกมาเปน .ttf เพื่อนําไปติดต้ังเพื่อใ ชงานไดทันท ี

ผลทีไ่ดรบั

ไดเรียนรูวิธีการสรางฟอนตที่ถูกตอง ซึ่งสามารถนําไปใชงานไดจริง

ขอมูลแบบตัวพิมพ (Font Information)

ช่ือแมแบบตวัพมิพ : CRU-Lanchand 56 ช่ือตวัพมิพทีท่าํการแกไข : CRU sarawut 57

ประเภทไฟลของตวัพมิพ win True Type/OpenType TT ออกแบบโดย นายสราวุฒิ อนุรักษ รหัสนักศึกษา 5111302492

นาํไปทดสอบและใชประโยชน นําไปติดต้ังในเครื่อง โดยนําฟอนตของเราเขาไปวางที่ start manu - control panel > Fonts เพื่อนําไปใชงานในโปรแกรมตางๆ

วิชาการออกแบบตัวอักษรเพือ่การพิมพ ARTD2304 กลุมเรียน 201สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฎจันทรเกษม กรุงเทพมหานคร

ตัวอยางรูปแบบตัวอักขระภาษาลาติน(Latin Characters) ไดแก

ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwx!@#%^&*()_+|{}[]:"<>?;'",./\*-.=;'

ตัวอยางรูปแบบตัวอักขระภาษาไทย(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 “10-point 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)อักษรภาษาไทยภาษาอังกฤษ คํากลอนไทยสําหรับใชพิมพทดสอบผลการออกแบบแสดงโครงสรางของตัวอักษรการจัดระดับตําแหนงรูปพยัญชนะสระวรรณยุกตเครือ่งหมายวรรคตอนการจัดระยะชองไฟรอบรูปอกัขระหรอืฟอนตสวนภาษาไทยที่สรางบันทึกติดต้ังและหรือทดสอบในโปรแกรมฟอนตครีเอเตอรและ ัหรือดวยโปรแกรมประยกุตอืน่ๆในระบบเขามักใชคํากลอนนี้ใหนักศึกษาคัดลอกไปวางเปล่ียนเปนฟอนตที่เราทําตรวจสอบระยะชองไฟกั้นหนา-หลังการประสมคําตําแหนงสระและวรรณยกุต?วาตรงตําแหนงตามหลักไวยกรณของไทยหรือใหมและบันทึกเปนหลักฐานแสดงในรายงานภาษาอังกฤษใหตรวจสอบดูดวยตาเองวาระยะเปนอยางไรแลวไปแกไขในตารางฟอนตและทดสอบใหมซํ้าๆจนแนใจวาเปนระยะและตําแหนงที่ถูกตองแลว คาํกลอนตรวจสอบแบบตวัอกัษรตําแหนงพมิพผสมคาํไทย "เปนมนุษยสุดประเสรฐิเลิศคุณคากวาบรรดาฝูงสัตวเดรัจฉาน จงฝาฟนพัฒนาวิชาการอยาลางผลาญฤๅเขนฆาบีฑาใคร ไมถือโทษโกรธแชงซัดฮดึฮัดดาหัดอภัยเหมือนกีฬาอัชฌาสัย ปฏิบัติประพฤติกฎกําหนดใจพูดจาใหจะๆจานาฟงเอยฯ"

อางอิง

http://typefacesdesign.blogspot.com/ http://thaifont.info/ https://docs.google.com/file/d/0B8AcYO9I_ahUWVptbWhwZ2dCT2M/edit