รายงาน font ตัวแรก

1

2

กระบวนการท างาน

Goal ( เป้าหมาย ) เป้าหมายของรายงานฉบับนี้คือ ฟ้อนต์ลายมือ ภาษาไทย - อังกฤษ

Tools ( เครื่องมือหลัก )

- เทมเพลตที่เป็น Grid ส าหรับเขียนฟอ้นต์ลายมอื - ปากกาด า

3

- คอมพิวเตอร ์

- เครื่องสแกนเนอร ์

4

- โปรแกรม FontCreator

- โปรแกรม Adobe Photoshop

5

Do Did Done

Do : มีขั้นตอนและหลักฐานแสดง ข้ันตอนการออกแบบฟอ้นต์ลายมอื ท้ังภาษาไทย - อังกฤษ จากโปรแกรม FontCreator ข้ันตอนที่ 1 ดาวน์โหลดเทมเพลตที่เป็น Grid ส าหรับเขียนฟอ้นต์ลายมือ

ข้ันตอนที่ 2 สแกนภาพที่เขียนลงในคอมพิวเตอร์ท าการปรับตกแต่งภาพให้เกิดความคมชัด แล้วเลือก Save เทมเพลตให้เป็นไฟล์ JPG

ข้ันตอนที ่3 เปิดไฟลเ์ทมเพลตที่เราสแกนในโปรแกรม Photoshop เลือกเครื่องมือ Crop Tool แล้วครอบตัวอักษรที่ต้องการ จากนั้นก็ดับเบิ้ลคลิก หรือกด Enter

ไปที่เครื่องมือ Magic Wand Tool แล้วกดที่พื้นที่สีขาว จากนั้นกด Ctrl + Shift + I และ กด Ctrl + x

6

ข้ันตอนที ่4 เปิดโปรแกรม FontCreator เลือก File > Open > Font File

เลือก Font ต้นฉบับคือ AAA-Watin-new แล้ว Save As ให้เป็นช่ือของเราก่อนคอื AAA-Watin-Saowalak-2012

ข้ันตอนที ่5 เปิดไฟล์ที่เป็นช่ือเราขึ้นมา แล้วเลือกตัวอักษรที่เราท าไว้ในโปรแกรม Photoshop

7

จากนั้นกด Ctrl + v หรือ คลิกขวา Paste จะปรากฏภาพของตัวอักษรที่เราไดเ้ลือกมา ให้เราปรับขนาด ให้พอดีกับสัดส่วนตามมาตรฐานของอักษรแต่ละตัวใหค้รบทุกตัวในเทมเพลต

ข้ันตอนที่ 6 ดัดตัวอักษรทีเ่ราได้ครอปมาให้สวยงามตามความเหมาะสม อาจคลิกขวาตรงจดุ แล้วเลือก Off Curve เพื่อท าเส้นให้โค้งมน หรือถ้ามจีุดมากเกินไปก็ลบออก

8

ข้ันตอนที่ 7 การจัดวางช่องไฟ ต าแหน่งระยะห่าง หน้า - หลัง ความสูง และก าหนดเส้นโครงสร้าง Guidelines ของตัวอักษร - Cap height คือ ความสูงของตัวอักษรพิมพ์ใหญ ่- Median คือ ความสูงของตัวอักษรพิมพ์เล็ก - X-height คือ ระยะหา่งระหว่างเส้นฐานจนถึงเส้น Median ซ่ึงเป็นช่วงของตัวพิมพ์เล็ก - Baseline คือ เส้นฐาน

ข้ันตอนที8่ จัดระยะช่องไฟของอักษร ไดโ้ดย คลิกขวา Properties

9

จากนั้นปรับระยะห่าง ตรง Glyph Metrics ให้มีค่าตรงตามความเหมาะสมของแต่ละอักษร ควรกด Test หรือ F8 เพื่อท าการตรวจระยะห่าง ช่องไฟ ความสูง โดยเราควรตรวจให้ครบถ้วนอย่างละเอียด โดยเฉพาะ สระและพยญัชนะในภาษาไทย

10

ข้ันตอนที9่ เมื่อเราจัดวางช่องไฟ ต าแหน่งระยะห่าง หนา้ - หลัง ความสูง ของตัวอักษรครบทุกตัวแล้วให้คลิกไปที่ Font > Test เพื่อทดสอบการพิมพ์ ตรวจสอบระยะช่องไฟของแต่ละอักษร หากยังไม่สมบูรณ์ ให้แก้ไขตามข้ันตอนที ่8

ภาพที่ 2 ภาพแสดงการ Test ตัวอักษร

ที่มา : สุทธิชัย อุดมทรัพย ์

Did : ผลท่ีได้รับคือ ฟ้อนต์ลายมือ ภาษาไทย - อังกฤษ

จากโปรแกรม FontCreator จะได้ฟ้อนต์ช่ือ AAA-sutthichai-wartin-2012

11

12

13

14

ภาพที่ 3 ภาพแสดงฟ้อนต์ลายมือ ภาษาไทย - อังกฤษ

ที่มา : สุทธิชัย อุดมทรัพย ์

Done : ได้น าไปทดสอบ – สร้าง - ประยุกต์ - ใช้ประโยชน์

คือ น ามาติดตั้งเพื่อใช้เป็นแบบพิมพ์ในรายงานของวิชาการออกแบบตัวอักษรเพื่อการพิมพ ์

ข้อมูลแบบตัวพิมพ์ ( Font Information ) ช่ือแบบตัวพิมพ์ (Typeface/Font Name ) ช่ือ AAA-Watin-sutthichai -2012 ประเภทของไฟล์ตัวพิมพ์ OpenType Layout, TrueType Outlines ออกแบบโดย นายสุทธิชัยอุดมทรัพย ์รหัสนักศึกษา 5411307357 ออกแบบตัวอักษรเพื่อการพิมพ ์ARTD2304 กลุ่มเรียน 102 สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรเกษม กรุงเทพมหานคร เมื่อวันที่ 13 เดือน มกราคม พศ. 2556

ตัวอย่างรูปแบบตัวอักขระภาษาลาติน ( Latin Characters ) ได้แก่ ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz!@#%^&*()_+|{}[]:"<>?;'",./\*-.=;'

ตัวอย่างรูปแบบตัวอักขระภาษาไทย ( Thai Characters ) ได้แก่ กขฃคฅฆงจฉชซฌญฎฏฐฒณดตถทธนบปผฝพฟภมยรฤลฦวศษสหฬอฮ๐๑๒๓๔๕๖๗๘๙ ๆๅ฿อะอาอุึอูอิอีออึือ่อ้อ๊ออ๋์อ าเแโใไ?

15

ข้อความส าหรับการทดสอบการพิมพ์รับค าสั่งพิมพ์ และเพื่อแสดงต าแหน่งการพิมพ์รูปอักขระท่ีออกแบบ - จัดช่องว่าง ช่องไฟระหว่างรูปอักขระและระหว่างค า ท้ังชุดคือภาษาอังกฤษกับภาษาไทย 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) อักษรภาษาไทย ภาษาอังกฤษ

ค ากลอนไทยส าหรับใช้พิมพ์ทดสอบผลการออกแบบ แสดงโครงสร้างของตัวอักษร การจัดระดับต าแหน่งรูปพยญัชนะ สระ วรรณยุกต ์เครือ่งหมายวรรคตอน การจัดระยะช่องไฟรอบรูปอักขระหรือฟ้อนต์ส่วนภาษาไทย ที่สรา้ง บันทึก ติดตั้ง และหรอืทดสอบในโปรแกรมฟ้อนต์ครีเอเตอร์และ ัหรือด้วยโปรแกรมประยุกต์อื่นๆในระบบ เขามักใช้ค ากลอนนี้ ให้นักศึกษาคัดลอกไปวาง เปลี่ยนเป็นฟ้อนต์ที่เราท า ตรวจสอบระยะช่องไฟกั้นหน้า-หลัง การประสมค าต าแหน่งสระและวรรณยุกต?ว่าตรงต าแหน่งตามหลักไวยกรณ์ของไทยหรือใหม่และบันทึกเป็นหลักฐานแสดงในรายงาน ภาษาอังกฤษให้ตรวจสอบดูด้วยตาเองว่าระยะเป็นอยา่งไร แล้วไปแก้ไขในตารางฟ้อนต ์และทดสอบใหม ่ซ ้าๆ จนแน่ใจว่าเป็นระยะและต าแหน่งที่ถูกต้องแล้ว

16

ค ากลอนตรวจสอบแบบตัวอักษร ต าแหน่งพิมพ์ผสมค าไทย "เป็นมนุษย์สุดประเสริฐเลิศคุณคา่ กว่าบรรดาฝูงสัตว์เดรจัฉาน จงฝ่าฟันพัฒนาวิชาการ อย่าล้างผลาญ ฤๅเข่นฆา่บีฑาใคร ไม่ถือโทษโกรธแช่งซัด ฮดึฮัดด่า หัดอภัยเหมือนกีฬา อัชฌาสัย ปฏิบัติประพฤติกฎ ก าหนดใจ พูดจาให้จะ๊ๆจา๋ น่าฟังเอยฯ"

ค าท่ีควรน ามาทดสอบคือ วิญูชน ภูปเตมี กตญัญู เกลื่อน เกลื้อน โหมโรง กระโปรง น ้าใจ

17

การน ามาติดตั้ง C:\WINDOWS\Fonts เพื่อใช้เป็นแบบพิมพใ์นรายงานของวิชาการออกแบบตัวอักษรเพื่อการพิมพ์ในโปรแกรมสรา้งเอกสารต่างๆเช่น Microsoft Word

ลากไฟล์ตัวอักษรที่ช่ือ AAA-Watin-Saowalak-2012 มาใสใ่นโฟลเดอร์ Fonts

18

เมื่อตดิตั้งฟ้อนต์เรียบร้อยแล้ว ฟ้อนต์ทีน่ าไปใส่ใหม่ก็สามารถใช้งานได้ทันท ี

19