1

2

วตถประสงค 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 ส าหรบเขยนฟอนตลายมอ ปรน และเขยนตวอกษรลในตาราง

3

ภาพท 1 แสดงตารางเทมเพลตส าหรบปรน เพอนน ามาเขยนตวอกษร

ทมา https://docs.google.com/viewer?a=v&pid=sites&srcid=ZGVmYXVsdGRvbWF

pbnxhcnRpMjMwNXxneDo0OTM5MDAzZWFlNTAxMjc

ขนตอนท 2 สแกนภาพทเขยนลงในคอมพวเตอร

4

ภาพท 2 แสดงภาพเทมเพลดตวอกษรทแสกนแลว

ทมา น.ส.ชลธชา อปล ,2556

ขนตอนท 3 เปดไฟลสแกนในโปรแกรม Photoshop เลอกเครองมอ Crop Tool เพอครอบตดตวอกษรทตองการ ไปท Select > Color Range เลอกพนทสขาวกด OK แลวกด Ctrl + Shift + I แลวกด Ctrl + x เพอตดโครงสรางตวอกษรออกมา

5

ภาพท 3 แสดงวธการครอบตดเทมเพจตวอกษร

ทมา น.ส.ชลธชา อปล,2556

ขนตอนท 4 น าไปวางในโปรแกรม FontCreator ทเลอกเปดไฟลทเราตองการจะแกไขไวซงกคอฟอนต AAA-Watin-new แลวดดแปลง ยอ-ขยายใหตวอกษรไดตามขนาด และรปแบบทตองการ ท าจนครบทกตวอกษรตามตารางรหสรปอกขระมาตรฐานยนโคดประจ าตวอกษรภาษาไทย และภาษาองกฤษ ดงน

notdef space # numbersigh $ dollar % pencent & ampersand ' quotesingle ( parenleft ) parenright * asterisk + plus , comma - hyphen . period / slash 0 zero

6

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 S S T T

7

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

8

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 ฅ uni0E05 ฆ uni0E06

9

ง 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

10

ห 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

11

๓ 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

12

ก 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

ทมา น.ส.ชลธชา อปล ,2556

13

ภาพท 5 แสดงตวอกษรทดดเรยบรอยสมบรณ

ทมา น.ส.ชลธชา อปล,2556

ขนตอนท 5 เมอท าจนครบทกตวอกษรแลว กตรวจเชคชองวาง ระยะหางของตวอกษรโดยการกดปม F5 แลวทดลองพมพขอความตางๆลงไป

ภาพท 6 แสดงภาพตวอกษรตางๆ ทดดแลวในโปรแกรม FontCerater

ทมา น.ส.ชลธชา อปล ,2556

14

ภาพท 7 แสดงการเรยงพมพตวอกษรทดดเสรจแลว ดวยอกษรขนาด 16

ทมา น.ส.ชลธชา อปล,2556

ภาพท 8 แสดงการเรยงพมพตวอกษรภาษาไทยทดดเสรจแลว ดวยอกษรขนาด 75

ทมา น.ส.ชลธชา อปล,2556

15

ภาพท 9 แสดงการเรยงพมพตวอกษรภาษาองกฤษทดดเสรจแลว ดวยอกษรขนาด 75

ทมา น.ส.ชลธชา อปล ,2556

ภาพท 10 ซงจากรปภาพขางตน จะเหนไดวาตวอกษรตางๆทงภาษาองกฤษและภาษาไทยนน ยงมความหนาและบางไมเทากน จงตองท าการปรบแกใหตกอกษรมความถกตอง โดยการเลอกฟอนตตวทเราตองการไปทเครองมอ Tool > Glyph Transformer จากนนกดเลอกทMetrich >

Bearings กดปมลกศรเพอ Add feature to script แลวปรบตงคาตามความเหมาะสม

ทมา น.ส.ชลธชา อปล,2556

16

ภาพท 11 แสดงหนาตาง Transform wrizard ทมา น.ส.ชลธชา อปล,2556

ภาพท 12 เปนการปรบความหางของตวอกษรแบบงายๆโดยการปรบเสนแดงขางหลง Right Bearing ตามความเหมาะสม

ทมา นางสาว ชลธชา อปล,2556

17

ภาพท 13 เปนการแสดงการจดเรยงตวอกษรทไดท าการปรบปรงแลว จะเหนวาตวอกษรเรยงกนเรยบรอยทมา

นางสาว ชลธชา อปล,2556

ขนตอนท 6. เมอไดฟอนตทสวยงามแลว กเปลยนชอ และปรบเปลยนขอมลตางๆโดยคงขอมลเดมของผถอลขสทธไว โดยไปท Format > Naming แลวแกไขขอมลตางๆโดยเพมชอเราขาไป ทงเพลตฟอรมแบบ Windows Uincode Unicode BMP (UCS-2) และ Macintosh Roman

ภาพท 14 แสดงขอมลตางๆ กอนการเปลยนแปลง ทมา น.ส.ชลธชา อปล,2556

18

ภาพท 15 แสดงขอมลตางๆ หลงการการเปลยนแปลง ทมา น.ส.ชลธชา อปล,2556

ภาพท 16 แสดงขอมลตางๆ หลงการการเปลยนแปลงขน Advanced….

ทมา น.ส.ชลธชา อปล,2556

19

ภาพท 17 แสดงตวอกษร CRU-conticha-Hand-Written

ทมา น.ส.ชลธชา อปล,2556

Did : ผลทไดรบ

จะไดฟอนตลายมอภาษาไทยและภาษาองกฤษของเราเอง

Done : น าไปทดสอบ และใชประโยชน การน ามาตดตงไดรฟ C > WINDOWS > Fonts เพอใชเปนแบบพมพในรายงานของวชาการออกแบบตวอกษรเพอการพมพในโปรแกรมสรางเอกสารตางๆ

ภาพท 18 แสดงโฟลเดอรทจะตดตงฟอนตลายมอลงในเครอง

ทมา น.ส.ชลธชา อปล,2556

20

ภาพท 19แสดงการน าฟอนตทท าเสรจแลวไปเรยงพมพในโปรแกรม

ทมา น.ส.ชลธชา อปล,2556

21

ขอมลแบบตวพมพ (Font Information)

ชอแบบตวพมพ (Typeface/Font Name)

ชอ CRU-Chonticha-Hand-Written

ประเภทของไฟลตวพมพ OpenType Layout, TrueType Outlines

ออกแบบโดย นางสาว ชลธชา อปล รหสนกศกษา

5411301632

วชาการออกแบบตวอกษรเพอการพมพ ARTD2304 กลมเรยน 101

สาขาวชาศลปกรรม มหาวทยาลยราชภฏจนทรเกษม กรงเทพมหานคร

เมอวนท 13 เดอน มกราคม พศ. 2556

22

ตวอยางรปแบบตวอกขระภาษาลาตน (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) อกษรภาษาไทย ภาษาองกฤษ

23

ค ากลอนไทยส าหรบใชพมพทดสอบผลการออกแบบแสดงโครงสรางของตวอกษร การจดระดบต าแหนงรปพยญชนะ สระ วรรณยกต เครองหมายวรรคตอนการจดระยะชองไฟรอบรปอกขระหรอฟอนตสวนภาษาไทย และหรอทดสอบในโปรแกรมฟอนตครเอเตอรและ หรอดวยโปรแกรมประยกตอนๆในระบบ

เขามกใชค ากลอนน ใหนกศกษาคดลอกไปวาง

เปลยนเปนฟอนตทเราท า ตรวจสอบระยะชองไฟกนหนา-หลง การประสมค าต าแหนงสระและวรรณยกต วาตรงต าแหนงตามหลกไวยกรณของไทยหรอใหมและบนทกเปนหลกฐานแสดงในรายงานภาษาองกฤษใหตรวจสอบดดวยตาเองวาระยะเปนอยางไร แลวไปแกไขในตารางฟอนต และทดสอบใหม ซ าๆจนแนใจวาเปนระยะและต าแหนงทถกตองแลว

ค ากลอนตรวจสอบแบบตวอกษร ต าแหนงพมพผสมค าไทย

"เปนมนษยสดประเสรฐเลศคณคา

กวาบรรดาฝงสตวเดรจฉาน

จงฝาฟนพฒนาวชาการ

อยาลางผลาญ ฤๅเขนฆาบฑาใคร

ไมถอโทษโกรธแชงซด ฮดฮดดา

หดอภยเหมอนกฬา อชฌาสย

ปฏบตประพฤตกฎ ก าหนดใจ

พดจาใหจะๆจา นาฟงเอยฯ"

ค าทควรน ามาทดสอบคอ วญชน ภปเตม กตญญ เกลอน เกลอน โหมโรง กระโปรง น าใจ

24

ตวแสดงลกษณะตางๆของตวอกษร

ลายมอ Bold

ลายมอ Italic

ลายมอ Bold Italic

ลายมอ regula

25

อางอง

- https://docs.google.com/viewer?a=v&pid=sites&srcid=ZGVmYXVsdGRvbWFpbnxhcnRpMj

MwNXxneDo0OTM5MDAzZWFlNTAxMjc

- http://thaifont.info/?p=71

- http://en.wikipedia.org/wiki/ASCII