รายงาน รืไอง การออกบบฟ้อนต์ลายมือเทย – อังกฤษ ( CRU-Saowalak ) จากปรกรม FontCreator รายวิชา ARTD2304 การออกบบตัวอักษรพืไอการพิมพ์ กลุ่มรียน 102
สนอ ผู้ช่วยศาสตราจารย์ ประชิด ทิณบุตร
จัดทาดย นางสาว สาวลักษณ์ สิงห์วงษา รหัส 5411306599 สาขาวิชาศิลปกรรม ( ออกบบนิทศศิลป์ ) ภาครียนทีไ 2 ปีการศึกษา 2556 มหาวิทยาลัยราชภัฏจันทรกษม
คานา รายงานล่มนีๅป็นส่วนหนึไงของวิชา ARTD2304 การออกบบตัวอักษรพืไอการพิมพ์ ซึไงข้าพจ้าเด้จัดทาขึๅนมา พืไอ รวบรวมวิธีการสร้างฟ้อนต์ลายมือของตัวอง ด้วยปรกรม FontCreator ซึไงมีขัๅนตอนการทาพร้อมภาพประกอบอธิบายอย่าง ละอียด พืไอ฿ห้ผู้ทีไเด้มาศึกษารายงานล่มนีๅเด้มีความข้า฿จ฿นการสร้างฟ้อนต์฿ห้เด้มากทีไสุด ละสามารถนาเปต่อยอด฿นการทา ด้วยตัวองหรือผยพร่ความรู้นตีๅ ่อเปเด้ หากผิดพลาดประการ฿ด ข้าพจ้าขออภัยเว้ ณ ทีไนีๅ
ผู้จัดทา นางสาว สาวลักษณ์ สิงห์วงษา
สารบัญ รืไอง
หน้า
วัตถุประสงค์
1
กระบวนการทางาน - Goal ( ป้าหมาย )
2
- Tools ( ครืไองมือหลัก )
2-4
Do Did Done - Do : มีขัๅนตอนละหลักฐานสดง
5 - 11
- Did : ผลทีไเด้รับ - ตารางรหัสรูปอักขระตามมาตรฐานยูนิค้ดประจาตัวอักษรภาษาเทย – อังกฤษ - Done : เด้นาเปทดสอบ - สร้าง - ประยุกต์ - ฿ช้ประยชน์ อ้างอิง
12 - 13 14 - 20 21 - 24 25
วัตถุประสงค์ 1. พืไอสร้างสรรค์ฟ้อนต์฿หม่โด้วยลายมือของตัวองเด้ 2. พืไอสร้างทักษะ฿นการออกบบละดัดปลงฟ้อนต์ลายมือ฿ห้สวยงามละปลก฿หม่ 3. มีฟ้อนต์หลากหลาย฿นตระกูล CRU-FONT-FAMILY 4. พืไอรู้วิธีการสร้างฟ้อนต์อย่างละอียดละทาเด้จริง 5. ฟ้อนต์ทีไเด้สามารถนาเปสู่การค้าขายเด้
กระบวนการทางาน Goal ( ป้าหมาย ) ป้าหมายของรายงานฉบับนีๅคือ ฟ้อนต์ลายมือ ภาษาเทย - อังกฤษ
Tools ( ครืไองมือหลัก ) - ทมพลตทีไป็น Grid สาหรับขียนฟ้อนต์
- ปากกาดา
- คอมพิวตอร์
- ครืไองสกนนอร์
- ปรกรม FontCreator
- ปรกรม Adobe Photoshop
Do Did Done Do : มีขัๅนตอนละหลักฐานสดง ขัๅนตอนการออกบบฟ้อนต์ลายมือ ทัๅงภาษาเทย - อังกฤษ จากปรกรม FontCreator ขัๅนตอนทีไ 1 ดาวน์หลดทมพลตทีไป็น Grid สาหรับขียนฟ้อนต์ลายมือ
ขัๅนตอนทีไ 2 สกนภาพทีไขียนลง฿นคอมพิวตอร์ทาการปรับตกต่งภาพ฿ห้กิดความคมชัด ล้วลือก Save ทมพลต฿ห้ป็นเฟล์ JPG
ภาพทีไ 1 ภาพสดงหน้าทมพลตฟ้อนต์ลายมือ ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
ขัๅนตอนทีไ 3 ปิดเฟล์ทมพลตทีไราสกน฿นปรกรม Photoshop ลือกครืไองมือ Crop Tool ล้วครอบตัวอักษรทีไต้องการ จากนัๅนกใดับบิๅลคลิก หรือกด Enter
ภาพทีไ 2 (ก) ภาพสดงการครอปตัวอักษรจากทมพลต฿นปรกรม Photoshop ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
เปทีไครืไองมือ Magic Wand Tool ล้วกดทีไพืๅนทีไสีขาว จากนัๅนกด Ctrl + Shift + I ละ กด Ctrl + x
ภาพทีไ 2 (ข) ภาพสดงการครอปตัวอักษรจากทมพลต฿นปรกรม Photoshop ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
ขัๅนตอนทีไ 4 ปิดปรกรม FontCreator ลือก File > Open > Font File
ภาพทีไ 3 ภาพสดงการปิดเฟล์ฟ้อนต์ AAA-Watin-new ฿นปรกรม FontCreator ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
ลือก Font ต้นฉบับคือ AAA-Watin-new ล้ว Save As ฿ห้ป็นชืไอของราก่อนคือ CRU-Saowalak
ภาพทีไ 4 ภาพสดงการ Save As เฟล์ฟ้อนต์฿หม่ป็น CRU-Saowalak ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
ขัๅนตอนทีไ 5 ปิดเฟล์ทีไป็นชืไอราขึๅนมา ล้วลือกตัวอักษรทีไราทาเว้฿นปรกรม Photoshop
ภาพทีไ 5 (ก) ภาพสดงการนาอักษรทีไครอปจากปรกรม Photoshop มา฿ส่฿นปรกรม FontCreator ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
จากนัๅนกด Ctrl + v หรือ คลิกขวา Paste จะปรากฏภาพของตัวอักษรทีไราเด้ลือกมา ฿ห้ราปรับขนาด ฿ห้พอดีกับสัดส่วนตาม มาตรฐานของอักษรต่ละตัว฿ห้ครบทุกตัว฿นทมพลต
ภาพทีไ 5 (ข) ภาพสดงการนาอักษรทีไครอปจากปรกรม Photoshop มา฿ส่฿นปรกรม FontCreator ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
ขัๅนตอนทีไ 6 ดัดตัวอักษรทีไราเด้ครอปมา฿ห้สวยงามตามความหมาะสม อาจคลิกขวาตรงจุด ล้วลือก Off Curve พืไอทาส้น฿ห้ ค้งมน หรือถ้ามีจุดมากกินเปกใลบออก
ภาพทีไ 6 ภาพสดงการดัดตกต่งฟ้อนต์ ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556 ขัๅนตอนทีไ 7 การจัดวางช่องเฟ ตาหน่งระยะห่าง หน้า - หลัง ความสูง ละกาหนดส้นครงสร้าง Guidelines ของตัวอักษร - Cap height คือ ความสูงของตัวอักษรพิมพ์฿หญ่ - Median คือ ความสูงของตัวอักษรพิมพ์ลใก - X-height คือ ระยะห่างระหว่างส้นฐานจนถึงส้น Median ซึไงป็นช่วงของตัวพิมพ์ลใก - Baseline คือ ส้นฐาน
ภาพทีไ 7 ภาพสดงการดัดตกต่งฟ้อนต์สรใจสิๅน ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
ขัๅนตอนที8ไ จัดระยะช่องเฟของอักษร เด้ดย คลิกขวา Properties
ภาพทีไ 8 (ก) ภาพสดงการจัดระยะช่องเฟของอักษร ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556 จากนัๅนปรับระยะห่าง ตรง Glyph Metrics ฿ห้มีค่าตรงตามความหมาะสมของต่ละอักษร ควรกด Test หรือ F8 พืไอทาการ ตรวจระยะห่าง ช่องเฟ ความสูง ดยราควรตรวจ฿ห้ครบถ้วนอย่างละอียด ดยฉพาะ สระละพยัญชนะ฿นภาษาเทย
ภาพทีไ 8 (ข) ภาพสดงการจัดระยะช่องเฟของอักษร ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
ขัๅนตอนที9ไ มืไอราจัดวางช่องเฟ ตาหน่งระยะห่าง หน้า - หลัง ความสูง ของตัวอักษรครบทุกตัวล้ว฿ห้คลิกเปทีไ Font > Test พืไอทดสอบการพิมพ์ ตรวจสอบระยะช่องเฟของต่ละอักษร หากยังเม่สมบูรณ์ ฿ห้ก้เขตามขัๅนตอนทีไ 8
ภาพทีไ 9 ภาพสดงการ Test ตัวอักษร ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
Did : ผลทีไเด้รับ คือ ฟ้อนต์ลายมือ ภาษาเทย - อังกฤษจากปรกรม FontCreator จะเด้ฟ้อนต์ชืไอ CRU-Saowalak
ภาพทีไ 10 (ก) ภาพสดงฟ้อนต์ลายมือ ภาษาเทย - อังกฤษ ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
ภาพทีไ 10 (ข) ภาพสดงฟ้อนต์ลายมือ ภาษาเทย - อังกฤษ ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
ตารางรหัสรูปอักขระตามมาตรฐานยูนิค้ดประจาตัวอักษรภาษาเทย – อังกฤษ มืไอราทาฟ้อนต์ลายมือสรใจสิๅนล้วกใจะเด้ฟ้อนต์ลายมือทีไมียูนิค้ดประจาตัวอักษร ดังนีๅ
# $ % & ' ( ) * + , . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D
notdef space numbersigh dollar pencent ampersand quotesingle parenleft parenright asterisk plus comma hyphen period slash zero one two three four five six seven eight nine colon semicolon less equal greater question at A B C D
E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l
E F G H I J K L M N O P Q R S T U V W X Y Z bracketleft backslash bracketright asciicircum underscore grave a b c d e f g h i j k l
m n o p q r s t u v w x y z { } ~ ‚ ! ¿ ‘ ’ ‚ ‛ © ® ™ • – — ‚ „
า ก๎ ¼ ½
m n o p q r s t u v w x y z braceleft braceright asciitilde quotedbl exclam questiondown quoteleft quoteright quotedblleft quotedblright diresis copyright registered trademark bullet endash emdash quotesinglbase quotedblbase uni007F NULL nonmarkingreturn uni0E33 uni0E4E.alt1 onequarter oneharf
¾ ก ข ฃ ค ฅ ฆ ง จ ฉ ช ซ ฌ ญ ฎ ฏ ฐ ฑ ฒ ณ ด ต ถ ท ธ น บ ป ผ ฝ พ ฟ ภ ม ย ร ฤ ล ฦ
threequarters uni0E00 uni0E01 uni0E02 uni0E03 uni0E04 uni0E05 uni0E06 uni0E07 uni0E08 uni0E09 uni0E0A uni0E0B uni0E0C uni0E0D uni0E0E uni0E0F uni0E10 uni0E11 uni0E12 uni0E13 uni0E14 uni0E15 uni0E16 uni0E17 uni0E18 uni0E19 uni0E1A uni0E1B uni0E1C uni0E1D uni0E1E uni0E1F uni0E20 uni0E21 uni0E22 uni0E23 uni0E24 uni0E25 uni0E26
ว ศ ษ ส ห ฬ อ ฮ ฯ ะ กั า า กิ กี กึ กื กุ กู กฺ ฿ เ แ โ กใ ก่ ก้ ก๊ ก๋ ก์ ก ก๎ ๏ ๐ ๑ ๒
uni0E27 uni0E28 uni0E29 uni0E2A uni0E2B uni0E2C uni0E2D uni0E2E uni0E2F uni0E30 uni0E31 uni0E32 uni0E33 uni0E34 uni0E35 uni0E36 uni0E37 uni0E38 uni0E39 uni0E3A uni0E3F uni0E40 uni0E41 uni0E42 uni0E43 uni0E44 uni0E45 uni0E46 uni0E47 uni0E48 uni0E49 uni0E4A uni0E4B uni0E4C uni0E4D uni0E4E uni0E4F uni0E50 uni0E51 uni0E52
๓ ๔ ๕ ๖ ๗ ๘ ๙ ๚ ๛ กิ กี กึ กื ก่ ก้ ก๊ ก๋ ก์ ก่ ก้ ก๊ ก๋ ก์ กั ก กใ ก่ ก้ ก๊ ก๋ ก์ กุ กู กฺ ฎ ฏ ฬ
uni0E53 uni0E54 uni0E55 uni0E56 uni0E57 uni0E58 uni0E59 uni0E5A uni0E5B zerowidthnonjoiner uni0E10.alt1 uni0E34.alt1 uni0E35.alt1 uni0E36.alt1 uni0E37.alt1 uni0E48.alt1 uni0E49.alt1 uni0E4A.alt1 uni0E4B.alt1 uni0E4C.alt1 uni0E48.alt2 uni0E49.alt2 uni0E4A.alt2 uni0E4B.alt2 uni0E4C.alt2 uni0E0D.alt1 uni0E31.alt1 uni0E4D.alt1 uni0E47.alt1 uni0E48.alt3 uni0E49.alt3 uni0E4A.alt3 uni0E4B.alt3 uni0E4C.alt3 uni0E38.alt1 uni0E39.alt1 uni0E3A.alt1 uni0E0E.alt1 uni0E0F.alt1 uni0E2C.alt1
â&#x201A;Ź á X |
uni0E4F.liga uni0E24.liga uni0E26.liga .notdef AAA_Logo .notdef Euro divide multiply yen bar fi fl
Done : เด้นาเปทดสอบ - สร้าง - ประยุกต์ - ฿ช้ประยชน์ คือ นามาติดตังๅ พืไอ฿ช้ป็นบบพิมพ์฿นรายงานของวิชาการออกบบตัวอักษรพืไอการพิมพ์
ข้อมูลบบตัวพิมพ์ ( Font Information ) ชืไอบบตัวพิมพ์ (Typeface/Font Name ) ชืไอ CRU-Saowalak ประภทของเฟล์ตัวพิมพ์ OpenType Layout, TrueType Outlines ออกบบดย นางสาว สาวลักษณ์ สิงห์วงษา รหัสนักศึกษา 5411306599 วิชาการออกบบตัวอักษรพืไอการพิมพ์ ARTD2304 กลุ่มรียน 102 สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรกษม กรุงทพมหานคร มืไอวันทีไ 19 ดือน กุมภาพันธ์ พศ. 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 ‚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) อักษรภาษาเทย ภาษาอังกฤษ คากลอนเทยสาหรับ฿ช้พิมพ์ทดสอบผลการออกบบ สดงครงสร้างของตัวอักษร การจัดระดับตาหน่งรูปพยัญชนะ สระ วรรณยุกต์ ครืไองหมายวรรคตอน การจัดระยะช่องเฟรอบรูปอักขระหรือฟ้อนต์ส่วนภาษาเทย ทีไสร้าง บันทึก ติดตังๅ ละ หรือทดสอบ฿นปรกรมฟ้อนต์ครีอตอร์ละัหรือด้วยปรกรมประยุกต์อืไนโ฿นระบบ ขามัก฿ช้คากลอนนีๅ ฿ห้นักศึกษาคัดลอกเป วาง ปลีไยนป็นฟ้อนต์ทีไราทา ตรวจสอบระยะช่องเฟกัๅนหน้า-หลัง การประสมคาตาหน่งสระละวรรณยุกต?ว่าตรงตาหน่งตาม หลักเวยกรณ์ของเทยหรือ฿หม่ละบันทึกป็นหลักฐานสดง฿นรายงาน ภาษาอังกฤษ฿ห้ตรวจสอบดูด้วยตาองว่าระยะป็นอย่างเร ล้วเปก้เข฿นตารางฟ้อนต์ ละทดสอบ฿หม่ ซๅาโ จนน่฿จว่าป็นระยะละตาหน่งทีไถูกต้องล้ว
คากลอนตรวจสอบบบตัวอักษร ตาหน่งพิมพ์ผสมคาเทย "ป็นมนุษย์สุดประสริฐลิศคุณค่า กว่าบรรดาฝูงสัตว์ดรัจฉาน จงฝ่าฟ๎นพัฒนาวิชาการ อย่าล้างผลาญ ฤแข่นฆ่าบีฑา฿คร เม่ถือทษกรธช่งซัด ฮึดฮัดด่า หัดอภัยหมือนกีฬา อัชฌาสัย ปฏิบัติประพฤติกฎ กาหนด฿จ พูดจา฿ห้จ๊ะโจ๋า น่าฟ๎งอยฯ"
คาทีคไ วรนามาทดสอบคือ วิํูชน ภูปตมี กตัญํู กลืไอน กลืๅอน หมรง กระปรง นาๅ ฿จ
การนามาติดตังๅ C:\WINDOWS\Fonts พืไอ฿ช้ป็นบบพิมพ์฿นรายงานของวิชาการออกบบตัวอักษรพืไอการพิมพ์฿นปรกรม สร้างอกสารต่างโช่น Microsoft Word
ภาพทีไ 11 (ก) ภาพสดงการติดตัๅงฟ้อนต์ลายมือลงยังครืไอง ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556 ลากเฟล์ตัวอักษรทีไชืไอ CRU-Saowalak มา฿ส่฿นฟลดอร์ Fonts
ภาพทีไ 11 (ข) ภาพสดงการติดตัๅงฟ้อนต์ลายมือลงยังครืไอง ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
มืไอติดตัๅงฟ้อนต์รียบร้อยล้ว ฟ้อนต์ทีไนาเป฿ส่฿หม่กใสามารถ฿ช้งานเด้ทันที
ภาพทีไ 12 ภาพสดงการนาฟ้อนต์ลายมือเป฿ช้฿นปรกรมสร้างอกสาร Microsoft Word ทีไมา : สาวลักษณ์ สิงห์วงษา , 2556
อ้างอิง https://docs.google.com/viewer?a=v&pid=sites&srcid=ZGVmYXVsdGRvbWFpbnxhcnRpMjMwNXxneDo0OTM5MDAz ZWFlNTAxMjc http://www.paperchase.co.uk/02mm-uni-pin-fine-line-black/invt/00412048/ http://www.trueplookpanya.com/true/sarapan_detail.php?cms_id=11209 http://www.tohome.com/product_detail.aspx?product_id=20120700073 http://trascendend-world.blogspot.com/2012/03/font-creator-version-55065-100-full.html http://www.mydigitalphotos.dk/adobe-photoshop-cs5/