Font hand written by pantagarn

Page 1

1


2

฼รืไอง ขัๅนตอนการทา fontcreator รายงาน฼รืไอง

ขัๅนตอนการทา font ลายมือ ฾ดย

นางสาว พันธกานต์ ตัๅงวศินธรรม รหัสนักศึกษา 5411302010 ฼สนอ

ผศ.ประชิด ทิณบุตร รายงานนีๅ฼ป็นส่วนหนึไงของการศึกษาวิชา Artd2304 group101 ภาค฼รียนทีไ 2 ปีการศึกษา 2555 มหาวิทยาลัยราชภัฏจันทร฼กษม Chandrakasem Rajabhat University


3

คานา การทารายงานอันนีๅขึๅนมานัๅน ข้าพ฼จ้าเด้ตัๅงหวังผลเว้฼พืไอ฿ช้ ประ฾ยชน์฿นการ฽สวงศึกษาหาความรู้ทีไเด้ ฼พืไอนามา฿ช้฿ห้฼กิดประ฾ยชน์ สูงสุด ทัๅงต่อตัวข้าพ฼จ้า฼อง ฽ละ ผู้ทีไ฼ข้า฼ปิดอ่านรายงานการทา Fontcreator ฼ล่มนีๅทีไเด้ทาขึๅน ฿ห้฼ข้า฿จ฿นหลักการ฽ละขัๅนตอน วิธีการ฿ช่งาน฾ปร฽กรมนีๅเด้อย่าง฼ข้า฿จ ฽ละ฼กิดประ฾ยชน์฿นการศึกษา จากรายงานทีไข้าพ฼จ้าทาขึๅน ฽ละตัวข้าพ฼จ้า฼องหวังว่า ผู้ทีไอ่านจะเด้สาระ การ฼รียนรู้ ฼ข้า฿จ฿น฼นืๅอหาทีไข้าพ฼จ้าเด้฼ขียนขึๅนนีๅ฽ละนาเป฽บ่งป๎น ฽จกจ่ายความรู้ต่อกันเป ฿ห้฼ข้า฿จกันทุกท่าน ขอขอบคุณ นางสาว พันธกานต์ ตัๅงวศินธรรม

5411302010


4

สารบัญ ฼นืๅอหา

หน้า

วัตถุประสงค์฿นการทางาน

1

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

1

-ขัๅนตอนทีไ 1

1

-ขัๅนตอนทีไ 2

2

-ขัๅนตอนทีไ 3

3

-ขัๅนตอนทีไ 4

3

-ขัๅนตอนทีไ 5

11

-ขัๅนตอนทีไ 6

15

ทดสอบตัวอักษร

20-21

ลักษณะลายมือ

22

อ้างอิง

23


5

วัตถุประสงค์ 1. ฼พืไอพัฒนาฟอนต์ AAA-Watin-new ฼พิไม฼ติม 2. ฼พืไอออก฽บบสร้างสรรค์ฟ้อนต์฿หม่ ด้วยลายมือของตน฼อง 3. ฼พืไอสร้างทักษะ฿นการออก฽บบ฽ละดัด฽ปลงฟ้อนต์฿ห้สวยงาม 4. นาฟ้อนต์ทีไ฼สรใจสมบูรณ์เป฿ช้฿นการ฼รียงพิมพ์ตัวอักษรเด้จริง 6. ฼พืไอ฼รียนรู้วิธีการสร้างฟ้อนต์อย่างละ฼อียด ฽ละสามารถทาเด้จริง กระบวนการทางาน Goal ( ฼ป้าหมาย ) พัฒนาอักษรชุด AAA-Watin-new ต่อจาก฼ดิม฾ดยทา฿ห้฼ป็นฟอนต์ลายมือของตน฼อง Tools ( ฼ครืไองมือหลัก ) - ฼ทม฼พลต฼ส้น Grid สาหรับ฼ขียนฟอนต์ลายมือ - ปากกาหมึกดา - ฼ครืไองคอมพิว฼ตอร์ - ฼ครืไองกราดภาพ - ฾ปร฽กรม High-Logic FontCreator - ฾ปร฽กรม Adobe Photoshop Do Did Done Do : มีขัๅนตอน฽ละหลักฐาน฽สดง ขัๅนตอนการออก฽บบฟอนต์ลายมือ ทัๅงภาษาเทย - อังกฤษ ฽ละทาด้วย฾ปร฽กรม High-Logic FontCreator ขัๅนตอนทีไ 1. ดาวน์฾หลด฼ทม฼พลตทีไ฼ป็น Grid สาหรับ฼ขียนฟ้อนต์ลายมือ ปริๆน ฽ละ฼ขียนตัวอักษรล฿นตาราง


6

ภาพทีไ 1 ฽สดงตาราง฼ทม฼พลตสาหรับปริๆน ฼พืไอนนามา฼ขียนตัวอักษร ทีไมา https://docs.google.com/viewer?a=v&pid=sites&srcid=ZGVmYXVsdGRvbWF pbnxhcnRpMjMwNXxneDo0OTM5MDAzZWFlNTAxMjc ขัๅนตอนทีไ 2 ส฽กนภาพทีไ฼ขียนลง฿นคอมพิว฼ตอร์

ภาพทีไ 2 ฽สดงภาพ฼ทม฼พลดตัวอักษรทีไ฽สกน฽ล้ว ทีไมา น.ส. พันธกานต์ ตัๅงวศินธรรม,2556 ขัๅนตอนทีไ 3 ฼ปิดเฟล์ส฽กน฿น฾ปร฽กรม Photoshop ฼ลือก฼ครืไองมือ Crop Tool ฼พืไอครอบตัดตัวอักษรทีไต้องการ เปทีไ Select > Color Range ฼ลือกพืๅนทีไสีขาวกด OK ฽ล้วกด Ctrl + Shift + I ฽ล้วกด Ctrl + x ฼พืไอตัด฾ครงสร้างตัวอักษรออกมา


7

ภาพทีไ 3 ฽สดงวิธีการครอบตัด฼ทม฼พจตัวอักษร ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม,2556 ขัๅนตอนทีไ 4 นาเปวาง฿น฾ปร฽กรม FontCreator ทีไ฼ลือก฼ปิดเฟล์ทีไ฼ราต้องการจะ฽ก้เขเว้ซึไงกใคือฟอนต์ AAA-Watin-new ฽ล้ว ดัด฽ปลง ย่อ-ขยาย฿ห้ตัวอักษรเด้ตามขนาด ฽ละรูป฽บบทีไต้องการ ทาจนครบทุกตัวอักษรตามตารางรหัสรูปอักขระมาตรฐานยูนิ฾ค้ดประจา ตัวอักษรภาษาเทย ฽ละภาษาอังกฤษ ดังนีๅ

# $ % & ' ( ) * + , .

notdef space numbersigh dollar pencent ampersand quotesingle parenleft parenright asterisk plus comma hyphen period


8

/ 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R

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


9

S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v

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


10

w x y z { } ~ ‚ ! ¿ ‘ ’ ‚ ‛ © ® ™ • – — ‚ „

า ก๎ ¼ ½ ¾ ก ข ฃ ค

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


11

ฅ ฆ ง จ ฉ ช ซ ฌ ญ ฎ ฏ ฐ ฑ ฒ ณ ด ต ถ ท ธ น บ ป ผ ฝ พ ฟ ภ ม ย ร ฤ ล ฦ ว ศ

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


12

ษ ส ห ฬ อ ฮ ฯ ะ กั า า กิ กี กึ กื กุ กู กฺ ฻ ฼ ฽ ฾ ฿ เ แ โ กใ ก่ ก้ ก๊ ก๋ ก์ ก ก๎ ๏ ๐

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


13

๑ ๒ ๓ ๔ ๕ ๖ ๗ ๘ ๙ ๚ ๛ กิ กี กึ กื ก่ ก้ ก๊ ก๋ ก์ ก่ ก้ ก๊ ก๋ ก์ กั ก กใ ก่ ก้ ก๊ ก๋ ก์

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


14

กุ กู กฺ ฎ ฏ ฬ ฤแ ฤแ

€ ÷ X ¥ | fi fl

uni0E38.alt1 uni0E39.alt1 uni0E3A.alt1 uni0E0E.alt1 uni0E0F.alt1 uni0E2C.alt1 uni0E4F.liga uni0E24.liga uni0E26.liga .notdef AAA_Logo .notdef Euro divide multiply yen bar fi fl

ภาพทีไ 4 ฽สดงการวางตัวอักษรหลังจากมีการตัดออกมาจา฾ปร฽กรม Photoshop


15

ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม ,2556

ภาพทีไ 5 ฽สดงตัวอักษรทีไดัด฼รียบร้อยสมบูรณ์ ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม,2556 ขัๅนตอนทีไ 5 ฼มืไอทาจนครบทุกตัวอักษร฽ล้ว กใตรวจ฼ชใคช่องว่าง ระยะห่างของตัวอักษร฾ดยการกดปุ่ม F5 ฽ล้วทดลองพิมพ์ข้อความต่างโลง เป

ภาพทีไ 6 ฽สดงภาพตัวอักษรต่างโ ทีไดัด฽ล้ว฿น฾ปร฽กรม FontCerater ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม ,2556


16

ภาพทีไ 7 ฽สดงการ฼รียงพิมพ์ตัวอักษรทีไดัด฼สรใจ฽ล้ว ด้วยอักษรขนาด 16 ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม ,2556

ภาพทีไ 8 ฽สดงการ฼รียงพิมพ์ตัวอักษรภาษาเทยทีไดัด฼สรใจ฽ล้ว ด้วยอักษรขนาด 75 ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม ,2556


17

ภาพทีไ 9 ฽สดงการ฼รียงพิมพ์ตัวอักษรภาษาอังกฤษทีไดัด฼สรใจ฽ล้ว ด้วยอักษรขนาด 75 ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม ,2556

ภาพทีไ 10 ซึไงจากรูปภาพข้างต้น จะ฼หในเด้ว่าตัวอักษรต่างโทัๅงภาษาอังกฤษ฽ละภาษาเทยนัๅน ยังมีความหนา฽ละบางเม่฼ท่ากัน จึงต้องทาการ ปรับ฽ก้฿ห้ตักอักษรมีความถูกต้อง ฾ดยการ฼ลือกฟอนต์ตัวทีไ฼ราต้องการเปทีไ฼ครืไองมือ Tool > Glyph Transformer จากนัๅนกด฼ลือกทีไ Metrich > Bearings กดปุ่มลูกศร฼พืไอ Add feature to script ฽ล้วปรับตัๅงค่าตามความ฼หมาะสม ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม ,2556


18

ภาพทีไ 11 ฽สดงหน้าต่าง Transform wrizard ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม,2556

ภาพทีไ 12 ฼ป็นการปรับความห่​่างของตัวอักษร฽บบง่ายโ฾ดยการปรับ฼ส้น฽ดงข้างหลัง Right Bearing ตามความ฼หมาะสม ทีไมา นางสาว พันธกานต์ ตัๅงศินธรรม ,2556


19

ภาพทีไ 13 ฼ป็นการ฽สดงการจัด฼รียงตัวอักษรทีไเด้ทาการปรับปรุง฽ล้ว จะ฼หในว่าตัวอักษร฼รียงกัน฼รียบร้อยทีไมา นางสาว พันธกานต์ ตัๅงศินธรรม ,2556

ขัๅนตอนทีไ 6. ฼มืไอเด้ฟอนต์ทีไสวยงาม฽ล้ว กใ฼ปลีไยนชืไอ ฽ละปรับ฼ปลีไยนข้อมูลต่างโ฾ดยคงข้อมูล฼ดิมของผู้ถือลิขสิทธิ์เว้ ฾ดยเปทีไ Format > Naming ฽ล้ว฽ก้เขข้อมูลต่างโ฾ดย฼พิไมชืไอ฼ราข้าเป ทัๅง฼พลตฟอร์ม฽บบ Windows Uincode Unicode BMP (UCS-2) ฽ละ Macintosh Roman

ภาพทีไ 14 ฽สดงข้อมูลต่างโ ก่อนการ฼ปลีไยน฽ปลง ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม,2556


20

ภาพทีไ 15 ฽สดงข้อมูลต่างโ หลังการการ฼ปลีไยน฽ปลง ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม,2556

ภาพทีไ 16 ฽สดงข้อมูลต่างโ หลังการการ฼ปลีไยน฽ปลงขัๅน Advanced…. ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม,2556


21

ภาพทีไ 17 ฽สดงตัวอักษร CRU-pantagarn-Hand-Written ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม,2556 Did : ผลทีไเด้รับ จะเด้ฟอนต์ลายมือภาษาเทย฽ละภาษาอังกฤษของ฼รา฼อง Done : นาเปทดสอบ ฽ละ฿ช้ประ฾ยชน์ การนามาติดตัๅงเดรฟ์ C > WINDOWS > Fonts ฼พืไอ฿ช้฼ป็น฽บบพิมพ์฿นรายงานของวิชาการ ออก฽บบตัวอักษร฼พืไอการพิมพ์฿น฾ปร฽กรมสร้าง฼อกสารต่างโ

ภาพทีไ 18 ฽สดง฾ฟล฼ดอร์ทีไจะติดตัๅงฟอนต์ลายมือลง฿น฼ครืไอง ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม,2556

ภาพทีไ 19 ฽สดงฟอนต์ทีไติดตัๅงลง฿น฼ครืไอง฽ล้ว


22

ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม,2556

ภาพทีไ 20฽สดงการนาฟอนต์ทีไทา฼สรใจ฽ล้วเป฼รียงพิมพ์฿น฾ปร฽กรม ทีไมา น.ส.พันธกานต์ ตัๅงวศินธรรม,2556


23

ข้อมูล฽บบตัวพิมพ์ (Font Information) ชืไอ฽บบตัวพิมพ์ (Typeface/Font Name) ชืไอ CRU-Pantagarn-Hand-Written ประ฼ภทของเฟล์ตัวพิมพ์ OpenType Layout, TrueType Outlines ออก฽บบ฾ดย นางสาว พันธกานต์ ตัๅงวศินธรรม รหัสนักศึกษา 5411302010 วิชาการออก฽บบตัวอักษร฼พืไอการพิมพ์ ARTD2304 กลุ่ม฼รียน 101 สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทร฼กษม กรุง฼ทพมหานคร ฼มืไอวันทีไ 13 ฼ดือน มกราคม พศ. 2556


24

ตัวอย่างรูป฽บบตัวอักขระภาษาลาติน (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) อักษรภาษาเทย ภาษาอังกฤษ


25

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


26

ตัว฽สดงลักษณะต่างโของตัวอักษร

ลายมือ

ลายมือ ลายมือ ลายมือ

Bold

Italic

Bold Italic

regula


27

อ้างอิง - https://docs.google.com/viewer?a=v&pid=sites&srcid=ZGVmYXVsdGRvbWFpbnxhcnRpMj MwNXxneDo0OTM5MDAzZWFlNTAxMjc - http://thaifont.info/?p=71 - http://en.wikipedia.org/wiki/ASCII


28


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.