font hand written

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

/ slash 0 zero 1 one 2 two 3 three 4 four 5 five 6 six 7 seven 8 eight 9 nine : colon ; semicolon < less = equal > greater ? question @ at A A B B C C D D E E F F G G H H I I J J K K L L M M N N O O P P Q Q R R

9

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

10

w w x x y y z 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

ก uni0E38.alt1 ก uni0E39.alt1 ก uni0E3A.alt1 ฎ uni0E0E.alt1 ฏ uni0E0F.alt1 ฬ uni0E2C.alt1

uni0E4F.liga ฤแ uni0E24.liga ฤแ uni0E26.liga

.notdef AAA_Logo

.notdef € Euro ÷ divide X multiply ¥ yen | bar fi fi fl 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