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