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 สดงวธการครอบตดทมพจตวอกษร
ทไมา นาย ธระพงษ ชมชไน 2556
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
ทไมา นาย ธระพงษ ชมชไน 2556
12
ภาพทไ 5 สดงตวอกษรทไดดรยบรอยสมบรณ
ทไมา นาย ธระพงษ ชมชไน 2556
ขๅนตอนทไ 5 มไอท าจนครบทกตวอกษรลว กใตรวจชใคชองวาง ระยะหางของตวอกษรดยการกดปม F5 ลวทดลองพมพขอความตางโลงเป
ภาพทไ 6 สดงภาพตวอกษรตางโ ทไดดลว฿นปรกรม FontCerater
ทไมา นาย ธระพงษ ชมชไน 2556
13
ภาพทไ 7 สดงการรยงพมพตวอกษรทไดดสรใจลว ดวยอกษรขนาด 16
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 8 สดงการรยงพมพตวอกษรภาษาเทยทไดดสรใจลว ดวยอกษรขนาด 50
ทไมา นาย ธระพงษ ชมชไน 2556
14
ภาพทไ 9 สดงการรยงพมพตวอกษรภาษาองกฤษทไดดสรใจลว ดวยอกษรขนาด 70
ทไมา นาย ธระพงษ ชมชไน 2556
ซไงจากรปภาพขางตน จะหในเดวาตวอกษรตางโ ทๅงภาษาองกฤษละภาษาเทยนๅน ยงมความหนาละบางเมทากน จงตองท าการปรบก ฿หตกอกษรมความถกตอง ดยการลอกฟอนตตวทไราตองการ เปทไครไองมอ Tool > Glyph Transformer จากนๅนกดลอกทไ Metrich > Bearings กดปมลกศรพไอ Add feature to script ลวปรบตๅงคาตามความหมาะสม
ภาพทไ 10 สดงหนาตาง Transform wrizard
ทไมา นาย ธระพงษ ชมชไน 2556
15
ภาพทไ 11 สดง฿หหในวาตว m มระยะหางของชาญดานหลงนอยกนเป
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 12 หลงจากกเขดยการปรบชองวางระหวางชาญหลง฿หลดลง ท า฿ห ตวอกษรดอานงาย ละมระยะหางทไพอดมากขๅน
ทไมา นาย ธระพงษ ชมชไน 2556
16
ภาพทไ 13 สดง฿หหในวา ตกอกษรภาษาองกฤษบางตว คอตว L a ละ q นไน มชาญหลงทไหางจากตวอกษรอไนโมากกนเป ท า฿หตวอกษรอานยาก ละเมสวยงาม
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 14 สดงการปรบปรงกเขตวอกษร ท า฿หชองวางตางโ ลดนอยลง
ทไมา นาย ธระพงษ ชมชไน 2556
17
ภาพทไ 15 สดง฿หหในวาตวอกษรภาษาองกฤษบางตวมขนาดความหนา -บาง เมทากน ท า฿หเมสวยงาม
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 16 สดง฿หหในการก ละจดรยงตวอกษรภาษาองกฤษ฿หม ท า฿หมความสวยงาม ละอานงายมากยไงขๅน
ทไมา นาย ธระพงษ ชมชไน 2556
18
ภาพทไ 17 สดงตวลข ละสญลกษณตางโ ซไงมขนาดบาง ละหนาเมทากน
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 18 สดง฿หหในวา มไอกตวลข ตวอกษร ละสญลกษณตางโลว มความหางของชาญหนา ชาญหลง ละมความทากนของสนมากขๅน
ทไมา นาย ธระพงษ ชมชไน 2556
19
ภาพทไ 19 สดงตวอกษรภาษาเทย ซไงองษรบางตวยงมขนาดเมทากน ท า฿หเมสวยงาม฿นการรยงพมพ ชน ด ต
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 20 สดงอกษร ด กอนการกเข
20
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 21 สดงอกษร ด หลงการกเขปรบตงรปราง
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 22 สดงอกษร ต กอนการกเขปรบตงรปราง
ทไมา นาย ธระพงษ ชมชไน 2556
21
ภาพทไ 23 สดงตวอกษรภาษาเทยหลงจากปรบตงลว ท า฿หตวอกษรมความสวยงาม อานงายมากยไงขๅน
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 24 สดงภาพการรยงพมพตวอกษรภาษาเทยทไชาญหนา ละชาญหลงมการจดรยงทไเมทากน
ทไมา นาย ธระพงษ ชมชไน 2556
22
ภาพทไ 25 สดงภาพการรยงพมพตวอกษรภาษาเทยทไมการจดรยง฿หมดวยฟอนตขนาด 50
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 26 สดงภาพการรยงพมพตวอกษรภาษาเทยทไมการจดรยง฿หมดวยฟอนตขนาด 16
ทไมา นาย ธระพงษ ชมชไน 2556
23
ขๅนตอนทไ 6. มไอเดฟอนตทไสวยงามลว กใปลไยนชไอ ละปรบปลไยนขอมลตางโดยคงขอมลดมของผถอลขสทธเว ดยเปทไ Format > Naming ลวกเขขอมลตางโ ดยพไมชไอราขาเป ทๅงพลตฟอรมบบ Windows Uincode Unicode BMP (UCS-2) ละ Macintosh Roman
ภาพทไ 27 สดงขอมลตางโ กอนการปลไยนปลง
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 28 สดงขอมลตางโ หลงการการปลไยนปลง
ทไมา นาย ธระพงษ ชมชไน 2556
24
ภาพทไ 29 สดงขอมลตางโ หลงการการปลไยนปลงขๅน Advanced….
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 30 สดงตวอกษร CRU-Teerapong
ทไมา นาย ธระพงษ ชมชไน 2556
25
Did : ผลทไเดรบ จะเดฟอนตลายมอภาษาเทยละภาษาองกฤษของราอง
26
27
Done : น าเปทดสอบ ละ฿ชประยชน การน ามาตดตๅงเดรฟ C > WINDOWS > Fonts พไอ฿ชปนบบพมพ฿นรายงานของวชาการออกบบตวอกษรพไอการพมพ฿นปรกรมสรางอกสารตางโ
ภาพทไ 31 สดงฟลดอรทไจะตดตๅงฟอนตลายมอลง฿นครไอง
ทไมา นาย ธระพงษ ชมชไน 2556
28
ภาพทไ 32 สดงฟอนตทไตดตๅงลง฿นครไองลว
ทไมา นาย ธระพงษ ชมชไน 2556
ภาพทไ 33 สดงการน าฟอนตทไท าสรใจลวเปรยงพมพ฿นปรกรม
ทไมา นาย ธระพงษ ชมชไน 2556
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