1 กระบวนการทางาน
1
กระบวนการท างาน
2
Goal ( เป้าหมาย ) ป้าหมายของรายงานฉบับนีๅคือ ฟ้อนต์ลายมือ ภาษาเทย - อังกฤษ
Tools ( เครื่องมือหลัก )
- ทมพลตทีไป็น Grid ส าหรับขียนฟอนต์ลายมือ - ปากกาด า - คอมพิวตอร์
3
- ครืไองสกนนอร์
- ปรกรม
4
FontCreator
- ปรกรม Adobe Photoshop
5
Do Did Done Do : มีขัๅนตอนละหลักฐานสดง
ขัๅนตอนการออกบบฟอนต์ลายมือ ทัๅงภาษาเทย - อังกฤษ จากปรกรม FontCreator ขัๅนตอนทีไ 1 ดาวน์หลดทมพลตทีไป็น Grid ส าหรับขียนฟอนต์ลายมือ
ขัๅนตอนทีไ 2 สกนภาพทีไขียนลง฿นคอมพิวตอร์ท าการปรับตกต่งภาพ฿ห้กิดความคมชัด ล้วลือก Save ทมพลต฿ห้ป็นเฟล์ JPG
ภาพทีไ 1 ภาพสดงหน้าทมพลตฟอนต์ลายมือ
6
ทีไมา : กานดา สุดสาคร, 2556
ขัๅนตอนทีไ 3 ปิดเฟล์ทมพลตทีไราสกน฿นปรกรม Photoshop ลือกครืไองมือ Crop Tool ล้วครอบตัวอักษรทีไต้องการ จากนัๅนกใดับบิๅลคลิก หรือกด Enter
เปทีไครืไองมือ Magic Wand Tool ล้วกดทีไพืๅนทีไสีขาว จากนัๅนกด Ctrl + Shift + I ละ กด http://artd2304-kandda.blogspot.comCtrl + x
7
ขัๅนตอนทีไ 4 ปิดปรกรม FontCreator ลือก File > Open > Font File
ลือก Font ต้นฉบับคือ AAA-Watin-new ล้ว Save As ฿ห้ป็นชืไอของราก่อนคือ AAA-Watin-Kanda-2012
8
ขัๅนตอนทีไ 5 ปิดเฟล์ทีไป็นชืไอราขึๅนมา ล้วลือกตัวอักษรทีไราท าเว้฿นปรกรม Photoshop
จากนัๅนกด Ctrl + v หรือ คลิกขวา Paste จะปรากฏภาพของตัวอักษรทีไราเด้ลือกมา ฿ห้ราปรับขนาด ฿ห้พอดีกับสัดส่วนตามมาตรฐานของอักษรต่ละตัว฿ห้ครบทุกตัว฿นทมพลต
9
ขัๅนตอนทีไ 6 ดัดตัวอักษรทีไราเด้ครอปมา฿ห้สวยงามตามความหมาะสม หากจุดตรงเหนมีมากกินเปรากใ Delete อาจคลิกขวาตรงจุด ล้วลือก Off Curve พืไอท าส้น฿ห้ค้งมน หรือถ้ามีจุดมากกินเปกใลบออก
ขัๅนตอนทีไ 7 การจัดวางช่องเฟ ต าหน่งระยะห่าง หน้า - หลัง ความสูง ละก าหนดส้นครงสร้าง Guidelines ของตัวอักษร - Cap height คือ ความสูงของตัวอักษรพิมพ์฿หญ่ - Median คือ ความสูงของตัวอักษรพิมพ์ลใก - X-height คือ ระยะห่างระหว่างส้นฐานจนถึงส้น Median ซึไงป็นช่วงของตัวพิมพ์ลใก - Baseline คือ ส้นฐาน
10
ขัๅนตอนทีไ8 จัดระยะช่องเฟของอักษร เด้ดย คลิกขวา Properties
จากนัๅนปรับระยะห่าง ตรง Glyph Metrics ฿ห้มีค่าตรงตามความหมาะสมของต่ละอักษร ควรกด Test หรือ F8 พืไอท าการตรวจระยะห่าง ช่องเฟ ความสูง ดยราควรตรวจ฿ห้ครบถ้วนอย่างละอียด ดยฉพาะ สระละพยัญชนะ฿นภาษาเทย
11
ขัๅนตอนทีไ9 มืไอราจัดวางช่องเฟ ต าหน่งระยะห่าง หน้า - หลัง ความสูง ของตัวอักษรครบทุกตัวล้ว฿ห้คลิกเปทีไ Tools > Glyph > Metrics > Bearings/Left Side Bearings/set to 23/Right Side Bearings/Set to 30
ตรวจสอบระยะช่องเฟของต่ละตัวอักษร หากยังเม่สมบูรณ์ ฿ห้ก้เขตามขัๅนตอนทีไ 8 จากนัๅนราจะคลิกเปทีไ Font > Test พืไอทดสอบการพิมพ์ จัดระยะห่างด้วยสายตาจนคิดว่าพอดี
12
ต่ตัวอักษร฿นภาษาเทยจะมีป๎ญหา กัๅนหน้า-กัๅนหลัง ราจึงต้องจัดทีล่ะตัว กะประมาณด้วยสายตาช่วยดูระยะทีไหมาะสม
คลิกทีไ Font > Test รากใจะหในระยะการจัดช่องเฟของทุกโตัวอักษร
ภาพทีไ 2: ภาพสดงการ Test ตัวอักษร
ทีไมา : กานดา สุดสาคร , 2556
13
Did : ผลทีไเด้รับคือ ฟอนต์ลายมือ ภาษาเทย - อังกฤษ
จากปรกรม FontCreator จะเด้ฟอนตช์ืไอ AAA-Watin-Kanda-2012
14
ภาพทีไ 3 ภาพสดงฟอนต์ลายมือ ภาษาเทย - อังกฤษ
ทีไมา : Kanda Sudsakorn , 2556
15
Done : เด้น าเปทดสอบ – สร้าง - ประยุกต ์- ฿ช้ประยชน์
คือ น ามาติดตัๅงพืไอ฿ช้ป็นบบพิมพ์฿นรายงานของวิชาการออกบบตัวอักษรพืไอการพิมพ์
ข้อมูลบบตัวพิมพ์ ( Font Information ) ชืไอบบตัวพิมพ์ (Typeface/Font Name ) ชืไอ AAA-Watin-Kanda-2012 ประภทของเฟล์ตัวพิมพ์ OpenType Layout, TrueType Outlines ออกบบดย นางสาว กานดา สุดสาคร รหัสนักศึกษา 5411301806 วิชาการออกบบตัวอักษรพืไอการพิมพ์ ARTD2304 กลุ่มรียน 102 สาขาวิชาศิลปกรรม มหาวิทยาลัยราชภัฏจันทรกษม กรุงทพมหานคร มืไอวันทีไ 13 ดือน มกราคม พ.ศ. 2556
ตัวอย่างรูปบบตัวอักขระภาษาลาติน ( Latin Characters ) เด้ก ่ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz!@#%^&*()_+|{}[]:"<>?;'",./\*-.=;'
ตัวอย่างรูปบบตัวอักขระภาษาเทย ( Thai Characters ) เด้ก่ กขฃคฅฆงจฉชซฌญฎฏฐฒณดตถทธนบปผฝพฟภมยรฤลฦวศษสหฬอฮ๐๑๒๓๔๕๖๗๘๙ โแอะอาอุึอูอิอีอึอือ่อ้อ๊อ๋อ์อ า฿เ?
16
ข้อความส าหรับการทดสอบการพิมพ์รับค าสัไงพิมพ์ ละพืไอสดงต าหน่งการพิมพ์รูปอักขระทีไออกบบ - จัดช่องว่าง ช่องเฟระหว่างรูปอักขระละระหว่างค า ทัๅงชุดคือภาษาอังกฤษกับภาษาเทย 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) อักษรภาษาเทย ภาษาอังกฤษ
ค ากลอนเทยส าหรับ฿ช้พิมพ์ทดสอบผลการออกบบ สดงครงสร้างของตัวอักษร การจัดระดับต าหน่งรูปพยัญชนะ สระ วรรณยุกต์ ครืไองหมายวรรคตอน การจัดระยะช่องเฟรอบรูปอักขระหรือฟ้อนต์ส่วนภาษาเทย ทีไสร้าง บันทึก ติดตัๅง ละหรือทดสอบ฿นปรกรมฟ้อนต์ครีอตอร์ละ ัหรือด้วยปรกรมประยุกต์อืไนโ฿นระบบ ขามัก฿ช้ค ากลอนนีๅ ฿ห้นักศึกษาคัดลอกเปวาง ปลีไยนป็นฟ้อนต์ทีไราท า ตรวจสอบระยะช่องเฟกัๅนหน้า-หลัง การประสมค าต าหน่งสระละวรรณยุกต?ว่าตรงต าหน่งตามหลักเวยกรณ์ของเทยหรือ฿หม่ละบันทึกป็นหลักฐานสดง฿นรายงาน ภาษาอังกฤษ฿ห้ตรวจสอบดูด้วยตาองว่าระยะป็นอย่างเร ล้วเปก้เข฿นตารางฟ้อนต์ ละทดสอบ฿หม่ ซ ๅาโ จนน่฿จว่าป็นระยะละต าหน่งทีไถูกต้องล้ว
17
ค ากลอนตรวจสอบบบตัวอักษร ต าหน่งพิมพ์ผสมค าเทย "ป็นมนุษย์สุดประสริฐลิศคุณค่า กว่าบรรดาฝูงสัตว์ดรัจฉาน จงฝ่าฟ๎นพัฒนาวิชาการ อย่าล้างผลาญ ฤแข่นฆ่าบีฑา฿คร เม่ถือทษกรธช่งซัด ฮึดฮัดด่า หัดอภัยหมือนกีฬา อัชฌาสัย ปฏิบัติประพฤติกฎ ก าหนด฿จ พูดจา฿ห้จ๊ะโจ๋า น่าฟ๎งอยฯ"
ค าทีไควรน ามาทดสอบคือ วิํูชน ภูปตมี กตัญํู กลืไอน กลืๅอน หมรง กระปรง น ๅา฿จ
18
การน ามาติดตัๅง Fonts พืไอ฿ช้ป็นบบพิมพ์฿นรายงานของวิชาการออกบบตัวอักษรพืไอการพิมพ์฿นปรกรมสร้างอกสารต่างโช่น Microsoft Word ปิด My Computer > Control prnel > Font
ลากเฟลต์ัวอักษรทีไชืไอ AAA-Watin-Kanda-2012 มา฿ส่฿นฟลดอร์ Fonts
19
มืไอติดตัๅงฟ้อนต์รียบร้อยล้ว ฟ้อนต์ทีไน าเป฿ส่฿หม่กใสามารถ฿ช้งานเด้ทันที
20
Font ทัๅงหมดทีไราท านัๅนมี 249 ตัว
Code Fonts มีดังต่อเปนีๅ
ตารางรหัสรูปอักขระตามมาตรฐานยูนิค้ดประจ าตัวอักษรภาษาเทย – อังกฤษ
มืไอราท าฟ้อนต์ลายมือสรใจสิๅนล้วกใจะเด้ฟ้อนต์ลายมือทีไมียูนิค้ดประจ าตัวอักษร ดังนีๅ
notdef
space
# numbersigh
$ dollar
% pencent
& ampersand
' quotesingle
( parenleft
) parenright
* asterisk
+ plus
, comma
- hyphen
. period
21
/ 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
22
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
23
[ 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
24
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
25
® registered
™ trademark
• bullet
– endash
— emdash
‚ quotesinglbase
„ quotedblbase
uni007F
NULL
nonmarkingreturn
า uni0E33
ก๎ uni0E4E.alt1
¼ onequarter
½ oneharf
¾ threequarters
uni0E00
ก uni0E01
ข uni0E02
ฃ uni0E03
ค uni0E04
ฅ uni0E05
ฆ uni0E06
26
ง uni0E07
จ uni0E08
ฉ uni0E09
ช uni0E0A
ซ uni0E0B
ฌ uni0E0C
ญ uni0E0D
ฎ uni0E0E
ฏ uni0E0F
ฐ uni0E10
ฑ uni0E11
ฒ uni0E12
ณ uni0E13
ด uni0E14
ต uni0E15
ถ uni0E16
ท uni0E17
ธ uni0E18
น uni0E19
บ uni0E1A
ป uni0E1B
ผ uni0E1C
27
ฝ uni0E1D
พ uni0E1E
ฟ uni0E1F
ภ uni0E20
ม uni0E21
ย uni0E22
ร uni0E23
ฤ uni0E24
ล uni0E25
ฦ uni0E26
ว uni0E27
ศ uni0E28
ษ uni0E29
ส uni0E2A
ห uni0E2B
ฬ uni0E2C
อ uni0E2D
ฮ uni0E2E
ฯ uni0E2F
ะ uni0E30
กั uni0E31
า uni0E32
28
า uni0E33
กิ uni0E34
กี uni0E35
กึ uni0E36
กื uni0E37
กุ uni0E38
กู uni0E39
กฺ uni0E3A
uni0E3F
uni0E40
uni0E41
uni0E42
฿ uni0E43
เ uni0E44
แ uni0E45
โ uni0E46
กใ uni0E47
ก่ uni0E48
ก้ uni0E49
ก๊ uni0E4A
ก๋ uni0E4B
ก์ uni0E4C
29
ก uni0E4D
ก๎ uni0E4E
๏ uni0E4F
๐ uni0E50
๑ uni0E51
๒ uni0E52
๓ uni0E53
๔ uni0E54
๕ uni0E55
๖ uni0E56
๗ uni0E57
๘ uni0E58
๙ uni0E59
๚ uni0E5A
๛ uni0E5B
zerowidthnonjoiner
uni0E10.alt1
กิ uni0E34.alt1
กี uni0E35.alt1
กึ uni0E36.alt1
กื uni0E37.alt1
ก่ uni0E48.alt1
30
ก้ 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
31
ฏ uni0E0F.alt1
ฬ uni0E2C.alt1
uni0E4F.liga
uni0E24.liga
uni0E26.liga
.notdef
AAA_Logo
.notdef
€ Euro
÷ divide
X multiply
yen
bar
fi
fl
32