CRU-Teerapong-Hand written2

1

2

วตถประสงค 1. พไอพฒนาฟอนต AAA-Watin-new พไมตม 2. พไอออกบบสรางสรรคฟอนต฿หม ดวยลายมอของตนอง 3. พไอสรางทกษะ฿นการออกบบละดดปลงฟอนต฿หสวยงาม 4. น าฟอนตทไสรใจสมบรณเป฿ช฿นการรยงพมพตวอกษรเดจรง 6. พไอรยนรวธการสรางฟอนตอยางละอยด ละสามารถท าเดจรง

3

กระบวนการท างาน Goal ( ปาหมาย )

พฒนาอกษรชด AAA-Watin-new ตอจากดมดยท า฿หปนฟอนตลายมอของตนอง

Tools ( ครไองมอหลก ) - ทมพลตสน Grid ส าหรบขยนฟอนตลายมอ - ปากกาหมกด า - ครไองคอมพวตอร - ครไองกราดภาพ - ปรกรม High-Logic FontCreator - ปรกรม Adobe Photoshop

Do Did Done

Do : มขๅนตอนละหลกฐานสดง ขๅนตอนการออกบบฟอนตลายมอ ทๅงภาษาเทย - องกฤษ ละท าดวยปรกรม High-Logic FontCreator

ขๅนตอนทไ 1. ดาวนหลดทมพลตทไปน Grid ส าหรบขยนฟอนตลายมอ ปรๆน ละขยนตวอกษรล฿นตาราง

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

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

MwNXxneDo0OTM5MDAzZWFlNTAxMjc

4

ขๅนตอนทไ 2 สกนภาพทไขยนลง฿นคอมพวตอร

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

ทไมา นาย ธระพงษ ชมชไน 2556

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

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


5

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

notdef space # numbersigh $ dollar % pencent & ampersand ' quotesingle ( parenleft ) parenright * asterisk + plus , comma - hyphen . period / 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

6

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

7

m m n n o o p p q q r r s s t t u u v v 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

8

¾ 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

9

ว 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

10

๓ 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

11

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

.notdef AAA_Logo

.notdef € Euro ÷ divide X multiply ¥ yen | bar fi fi fl fl

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


12

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


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

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


13

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


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


14

ภาพทไ 9 สดงการรยงพมพตวอกษรภาษาองกฤษทไดดสรใจลว ดวยอกษรขนาด 70


ซไงจากรปภาพขางตน จะหในเดวาตวอกษรตางโ ทๅงภาษาองกฤษละภาษาเทยนๅน ยงมความหนาละบางเมทากน จงตองท าการปรบก ฿หตกอกษรมความถกตอง ดยการลอกฟอนตตวทไราตองการ เปทไครไองมอ Tool > Glyph Transformer จากนๅนกดลอกทไ Metrich > Bearings กดปมลกศรพไอ Add feature to script ลวปรบตๅงคาตามความหมาะสม

ภาพทไ 10 สดงหนาตาง Transform wrizard


15

ภาพทไ 11 สดง฿หหในวาตว m มระยะหางของชาญดานหลงนอยกนเป


ภาพทไ 12 หลงจากกเขดยการปรบชองวางระหวางชาญหลง฿หลดลง ท า฿ห ตวอกษรดอานงาย ละมระยะหางทไพอดมากขๅน


16

ภาพทไ 13 สดง฿หหในวา ตกอกษรภาษาองกฤษบางตว คอตว L a ละ q นไน มชาญหลงทไหางจากตวอกษรอไนโมากกนเป ท า฿หตวอกษรอานยาก ละเมสวยงาม


ภาพทไ 14 สดงการปรบปรงกเขตวอกษร ท า฿หชองวางตางโ ลดนอยลง


17

ภาพทไ 15 สดง฿หหในวาตวอกษรภาษาองกฤษบางตวมขนาดความหนา -บาง เมทากน ท า฿หเมสวยงาม


ภาพทไ 16 สดง฿หหในการก ละจดรยงตวอกษรภาษาองกฤษ฿หม ท า฿หมความสวยงาม ละอานงายมากยไงขๅน


18

ภาพทไ 17 สดงตวลข ละสญลกษณตางโ ซไงมขนาดบาง ละหนาเมทากน


ภาพทไ 18 สดง฿หหในวา มไอกตวลข ตวอกษร ละสญลกษณตางโลว มความหางของชาญหนา ชาญหลง ละมความทากนของสนมากขๅน


19

ภาพทไ 19 สดงตวอกษรภาษาเทย ซไงองษรบางตวยงมขนาดเมทากน ท า฿หเมสวยงาม฿นการรยงพมพ ชน ด ต


ภาพทไ 20 สดงอกษร ด กอนการกเข

20


ภาพทไ 21 สดงอกษร ด หลงการกเขปรบตงรปราง


ภาพทไ 22 สดงอกษร ต กอนการกเขปรบตงรปราง


21

ภาพทไ 23 สดงตวอกษรภาษาเทยหลงจากปรบตงลว ท า฿หตวอกษรมความสวยงาม อานงายมากยไงขๅน


ภาพทไ 24 สดงภาพการรยงพมพตวอกษรภาษาเทยทไชาญหนา ละชาญหลงมการจดรยงทไเมทากน


22

ภาพทไ 25 สดงภาพการรยงพมพตวอกษรภาษาเทยทไมการจดรยง฿หมดวยฟอนตขนาด 50


ภาพทไ 26 สดงภาพการรยงพมพตวอกษรภาษาเทยทไมการจดรยง฿หมดวยฟอนตขนาด 16


23

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

ภาพทไ 27 สดงขอมลตางโ กอนการปลไยนปลง


ภาพทไ 28 สดงขอมลตางโ หลงการการปลไยนปลง


24

ภาพทไ 29 สดงขอมลตางโ หลงการการปลไยนปลงขๅน Advanced….


ภาพทไ 30 สดงตวอกษร CRU-Teerapong


25

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

26

27

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

ภาพทไ 31 สดงฟลดอรทไจะตดตๅงฟอนตลายมอลง฿นครไอง


28

ภาพทไ 32 สดงฟอนตทไตดตๅงลง฿นครไองลว


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


29

ขอมลบบตวพมพ (Font Information) ชไอบบตวพมพ (Typeface/Font Name) ชไอ CRU-Teerapong-Hand-Written

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

ออกบบดย นาย ธระพงษ ชมชไน รหสนกศกษา 5411307100

วชาการออกบบตวอกษรพไอการพมพ ARTD2304 กลมรยน 102

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

มไอวนทไ 13 ดอน มกราคม พศ. 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.

30

฿นทางวงการพมพนๅนกลาวถงฟอนตดยทไวเปวา หมายถงตวอกษรทไ฿ชปนบบตวรยงพมพนๅอหา ทไมขนาดละรปบบปนชดดยวกน ยกตวอยางชนบบตวอกษรทไ฿ช฿นการรยงพมพนๅอหาทไทานก าลงอานอยนๅ มชไอบบตวอกษรชดนๅวา บางพด( Bangpood) ทไประกอบดวยรปอกขระ( Glyphs) ของตวพยญชนะ (Consonants) สระ(Vowels) วรรณยกต ( Tones) ครไองหมายสญลกษณ( Signs and Symbols) วรรคตอน(Punctuation) อกษรภาษาเทย ภาษาองกฤษ

ค ากลอนเทยส าหรบ฿ชพมพทดสอบผลการออกบบ สดงครงสรางของตวอกษร การจดระดบต าหนงรปพยญชนะ สระ วรรณยกต ครไองหมายวรรคตอน การจดระยะชองเฟรอบรปอกขระหรอฟอนตสวนภาษาเทย ทไสราง บนทก ตดตๅง ละหรอทดสอบ฿นปรกรมฟอนตครอตอรละ หรอดวยปรกรมประยกตอไนโ฿นระบบ ขามก฿ชค ากลอนนๅ ฿หนกศกษาคดลอกเปวาง ปลไยนปนฟอนตทไราท า ตรวจสอบระยะชองเฟกๅนหนา-หลง การประสมค าต าหนงสระละวรรณยกต ?วาตรงต าหนงตามหลกเวยกรณของเทยหรอ฿หมละบนทกปนหลกฐานสดง฿นรายงาน ภาษาองกฤษ฿หตรวจสอบดดวยตาองวาระยะปนอยางเร ลวเปกเข฿นตารางฟอนต ละทดสอบ฿หม ซ ๅาโ จนน฿จวาปนระยะละต าหนงทไถกตองลว

ค ากลอนตรวจสอบบบตวอกษร ต าหนงพมพผสมค าเทย "ปนมนษยสดประสรฐลศคณคา กวาบรรดาฝงสตวดรจฉาน จงฝาฟนพฒนาวชาการ

อยาลางผลาญ ฤแขนฆาบฑา฿คร เมถอทษกรธชงซด ฮดฮดดา หดอภยหมอนกฬา อชฌาสย ปฏบตประพฤตกฎ ก าหนด฿จ พดจา฿หจะโจา นาฟงอยฯ"

ค าทไควรน ามาทดสอบคอ วชน ภปตม กตญ กลไอน กลๅอน

หมรง กระปรง น ๅา฿จ

31

อางอง

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

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

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

Documents

CRU-Teerapong-Hand written2