รายงาน Final font : CRU sarawut 57

Page 1

รายงาน เรือ่ ง การออกแบบชุดตัวอักษรไทย - อังกฤษ โดยโปรแกรม 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_ahUWVptbWhwZ2dCT2 M/edit


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.