1
กระบวนการทางาน
2
Goal(ป้าหมาย ) ป้าหมายของรายงานฉบับนีๅคือ ฟ้อนต์ลายมือ ภาษาเทย -อังกฤษ
Tools (ครืไองมือหลัก ) - ทมพลตทีไป็น Gridสาหรับขียนฟอนต์ลายมือ
- ปากกาดา
- คอมพิวตอร์
3
- ครืไองสกนนอร์
ปรกรม
4
FontCreator
- ปรกรม Adobe Photoshop
5
DoDid 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 ฿ห้ป็นชืไอของราก่อนคือ CRU-KandaHandwritten V.2
8
ขัๅนตอนทีไ 5 ปิดเฟล์ทีไป็นชืไอราขึๅนมา ล้วลือกตัวอักษรทีไราทาเว้฿นปรกรม Photoshop
จากนัๅนกด Ctrl+ v หรือคลิกขวา Paste จะปรากฏภาพของตัวอักษรทีไราเด้ลือกมา ฿ห้ราปรับขนาด ฿ห้ พอดีกับสัดส่วนตามมาตรฐานของอักษรต่ละตัว฿ห้ครบทุกตัว฿นทมพลต
9
ขัๅนตอนทีไ 6 ดัดตัวอักษรทีไราเด้ครอปมา฿ห้สวยงามตามความหมาะสม หากจุดตรงเหนมีมากกินเปรากใ Delete อาจคลิกขวาตรงจุด ล้วลือก OffCurve พืไอทาส้น฿ห้ค้งมน หรือถ้ามีจุดมากกินเปกใลบออก
ขัๅนตอนทีไ 7 การจัดวางช่องเฟ ตาหน่งระยะห่าง หน้า - หลัง ความสูง ละกาหนดส้นครงสร้าง Guidelines ของตัวอักษร -Cap height คือ ความสูงของตัวอักษรพิมพ์฿หญ่ -Median คือ ความสูงของตัวอักษรพิมพ์ลใก -X-height คือ ระยะห่างระหว่างส้นฐานจนถึงส้น Median ซึไงป็นช่วงของตัวพิมพ์ลใก -Baseline คือ ส้นฐาน
ฃ
10
ขัๅนตอนทีไ8จัดระยะช่องเฟของอักษรเด้ดย คลิกขวา Properties
จากนัๅนปรับระยะห่าง ตรง Glyph Metrics ฿ห้มีค่าตรงตามความหมาะสมของต่ละอักษรควรกด Test หรือ F8 พืไอทาการตรวจระยะห่าง ช่องเฟ ความสูง ดยราควรตรวจ฿ห้ครบถ้วนอย่างละอียด ดยฉพาะสระละพยัญชนะ฿นภาษาเทย
11
ขัๅนตอนทีไ9 มืไอราจัดวางช่องเฟ ตาหน่งระยะห่าง หน้า - หลัง ความสูง ของตัวอักษรครบทุกตัวล้ว฿ห้ คลิกเปทีไ Tools> Glyph > Metrics > Bearings/LeftSide Bearings/setto 23/RightSide Bearings/Setto 30
ตรวจสอบระยะช่องเฟของต่ละตัวอักษรหากยังเม่สมบูรณ์฿ห้ก้เขตามขัๅนตอนทีไ 8 จากนัๅนราจะคลิกเปทีไ Font> Test พืไอทดสอบการพิมพ์ จัดระยะห่างด้วยสายตาจนคิดว่าพอดี
12
ต่ตัวอักษร฿นภาษาเทยจะมีป๎ญหา กัๅนหน้า-กัๅนหลัง ราจึงต้องจัดทีล่ะตัวกะประมาณด้วยสายตาช่วยดู ระยะทีไหมาะสม
คลิกทีไ Font> Test รากใจะหในระยะการจัดช่องเฟของทุกโตัวอักษร
ภาพทีไ 2: ภาพสดงการ Test ตัวอักษร ทีไมา :กานดา สุดสาคร ,2556
13
Did :ผลทีไเด้รับคือ ฟอนต์ลายมือภาษาเทย -อังกฤษ จากปรกรม FontCreator จะเด้ฟอนต์ชืไอ CRU-kanda V.2
14
15
ภาพทีไ 3 ภาพสดงฟอนต์ลายมือ ภาษาเทย - อังกฤษ ทีไมา : Kanda Sudsakorn ,2556
Done : เด้นาเปทดสอบ –สร้าง- ประยุกต์ - ฿ช้ประยชน์ คือ นามาติดตัๅงพืไอ฿ช้ป็นบบพิมพ์฿นรายงานของวิชาการออกบบตัวอักษรพืไอการพิมพ์
ข้อมูลบบตัวพิมพ์( Font Information ) ชืไอบบตัวพิมพ์ (Typeface/Font Name ) ชืไอ AAA-Watin-Kanda-2012 ประภทของเฟล์ตัวพิมพ์ OpenType Layout,TrueType Outlines ออกบบดย นางสาว กานดา สุดสาคร รหัสนักศึกษา 5411301806 วิชาการ ออกบบตัวอักษรพืไอการพิมพ์ ARTD2304 กลุ่มรียน 102 สาขาวิชาศิลปกรรม มหาวิทยาลัย ราชภัฏจันทรกษม กรุงทพมหานคร มืไอวันทีไ 13 ดือน มกราคม พ.ศ. 2556
ตัวอย่างรูปบบตัวอักขระภาษาลาติน (Latin Characters )เด้ก่ ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789 abcdefghijklmnopqrstuvwxyz!@#%^&*()_+|{}[]:"<>?;'",./\*-.=;'
ตัวอย่างรูปบบตัวอักขระภาษาเทย (ThaiCharacters ) เด้ก่ กขฃคฅฆงจฉชซฌญฎฏฐฒณดตถทธนบปผฝพฟภมยรฤลฦวศษสหฬอฮ๐๑๒๓๔๕๖๗๘๙ โแอะอาอุึอูอิอีอึอือ่อ้อ๊อ๋อ์อา฿เ?
16
ข้อความสาหรับการทดสอบการพิมพ์รับคาสัไงพิมพ์ละพืไอสดงตาหน่งการ พิมพ์รูปอักขระทีไออกบบ - จัดช่องว่าง ช่องเฟระหว่างรูปอักขระละระหว่างคา ทัๅงชุด คือภาษาอังกฤษกับภาษาเทย In typography,a font is traditionallydefined as a quantityof sorts composing a complete charactersetof a single size and styleofa particular typeface. For example, the complete setof all the charactersfor‚9-point Bulmer‛ is called a font, and the ‚10-point Bulmer‛ would be another separate font,butpartof the same font family, whereas ‚9-point Bulmer boldface‛ would be another font in a different font familyof the same typeface. One individual fontcharacter mightbe referred to as a ‚piece of font‛ ora ‚piece oftype‛.Font nowadays isfrequentlyused synonymously with the term typeface, although they had clearlyunderstood different meanings before the adventof digital typographyand desktop publishing. ฿นทางวงการพิมพ์นัๅนกล่าวถึงฟ้อนต์ดยทัไวเปว่าหมายถึงตัวอักษรทีไ฿ช้ป็นบบตัวรียงพิมพ์นืๅอหาทีไ มีขนาดละรูปบบป็นชุดดียวกัน ยกตัวอย่างช่นบบตัวอักษรทีไ฿ช้฿นการรียงพิมพ์นืๅอหาทีไท่านกาลัง อ่านอยู่นีๅ มีชืไอบบตัวอักษรชุดนีๅว่าบางพูด (Bangpood)ทีไประกอบด้วยรูปอักขระ(Glyphs) ของตัว พยัญชนะ (Consonants) สระ(Vowels) วรรณยุกต์ (Tones) ครืไองหมายสัญลักษณ์(Signs and Symbols) วรรคตอน(Punctuation) อักษรภาษาเทย ภาษาอังกฤษ คากลอนเทยสาหรับ฿ช้พิมพ์ทดสอบผลการออกบบสดงครงสร้างของตัวอักษร การจัด ระดับตาหน่งรูปพยัญชนะ สระวรรณยุกต์ ครืไองหมายวรรคตอน การจัดระยะช่องเฟรอบรูปอักขระ หรือฟ้อนต์ส่วนภาษาเทย ทีไสร้าง บันทึก ติดตัๅง ละหรือทดสอบ฿นปรกรมฟ้อนต์ครีอตอร์ละัหรือ ด้วยปรกรมประยุกต์อืไนโ฿นระบบขามัก฿ช้คากลอนนีๅ฿ห้นักศึกษาคัดลอกเปวาง ปลีไยนป็นฟ้อนต์ทีไ ราทาตรวจสอบระยะช่องเฟกัๅนหน้า-หลัง การประสมคาตาหน่งสระละวรรณยุกต?ว่าตรงตาหน่ง ตามหลักเวยกรณ์ของเทยหรือ฿หม่ละบันทึกป็นหลักฐานสดง฿นรายงานภาษาอังกฤษ฿ห้ตรวจสอบ ดูด้วยตาองว่าระยะป็นอย่างเร ล้วเปก้เข฿นตารางฟ้อนต์ ละทดสอบ฿หม่ ซๅาโ จนน่฿จว่าป็นระยะละ ตาหน่งทีไถูกต้องล้ว
17
คากลอนตรวจสอบบบตัวอักษรตาหน่งพิมพ์ผสมคาเทย "ป็นมนุษย์สุดประสริฐลิศคุณค่า กว่าบรรดาฝูงสัตว์ดรัจฉาน จงฝ่าฟ๎นพัฒนาวิชาการ อย่าล้างผลาญ ฤแข่นฆ่าบีฑา฿คร เม่ถือทษกรธช่งซัด ฮึดฮัดด่า หัดอภัยหมือนกีฬาอัชฌาสัย ปฏิบัติประพฤติกฎ กาหนด฿จ พูดจา฿ห้จ๊ะโจ๋าน่าฟ๎งอยฯ"
คาทีไควรนามาทดสอบคือ วิํูชน ภูปตมี กตัญํูกลืไอนกลืๅอน หมรง กระปรง นๅา฿จ
18
การนามาติดตัๅงFonts พืไอ฿ช้ป็นบบพิมพ์฿นรายงานของวิชาการออกบบตัวอักษรพืไอการพิมพ์฿นปรกรมสร้างอกสาร ต่างโช่น MicrosoftWord ปิด MyComputer> Controlprnel> Font
ลากเฟล์ตัวอักษรทีไชืไอ AAA-Watin-Kanda-2012 มา฿ส่฿นฟลดอร์ Fonts
19
มืไอติดตัๅงฟ้อนต์รียบร้อยล้ว ฟ้อนต์ทีไนาเป฿ส่฿หม่กใสามารถ฿ช้งานเด้ทันที
20
Fontทัๅงหมดทีไราทานัๅนมี249ตัว CodeFontsมีดังต่อเปนีๅ ตารางรหัสรูปอักขระตามมาตรฐานยูนิค้ดประจาตัวอักษรภาษาเทย –อังกฤษ มืไอราทาฟ้อนต์ลายมือสรใจสิๅนล้วกใจะเด้ฟ้อนต์ลายมือทีไมียูนิค้ดประจาตัวอักษรดังนีๅ notdef space #
numbersigh
$
dollar
%
pencent
&
ampersand
'
quotesingle
(
parenleft
)
parenright
*
asterisk
+
plus
,
comma
-
hyphen
.
period
/
slash
0
zero
21
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
22
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
23
]
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
24
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
25
•
bullet
–
endash
—
emdash
‚
quotesinglbase
„
quotedblbase uni007F NULL nonmarkingreturn
า
uni0E33
ก๎
uni0E4E.alt1
¼
onequarter
½
oneharf
¾
threequarters uni0E00
ก
uni0E01
ข
uni0E02
ฃ
uni0E03
ค
uni0E04
ฅ
uni0E05
ฆ
uni0E06
ง
uni0E07
จ
uni0E08
26
ฉ
uni0E09
ช
uni0E0A
ซ
uni0E0B
ฌ
uni0E0C
ญ
uni0E0D
ฎ
uni0E0E
ฏ
uni0E0F
ฐ
uni0E10
ฑ
uni0E11
ฒ
uni0E12
ณ
uni0E13
ด
uni0E14
ต
uni0E15
ถ
uni0E16
ท
uni0E17
ธ
uni0E18
น
uni0E19
บ
uni0E1A
ป
uni0E1B
ผ
uni0E1C
ฝ
uni0E1D
พ
uni0E1E
27
ฟ
uni0E1F
ภ
uni0E20
ม
uni0E21
ย
uni0E22
ร
uni0E23
ฤ
uni0E24
ล
uni0E25
ฦ
uni0E26
ว
uni0E27
ศ
uni0E28
ษ
uni0E29
ส
uni0E2A
ห
uni0E2B
ฬ
uni0E2C
อ
uni0E2D
ฮ
uni0E2E
ฯ
uni0E2F
ะ
uni0E30
กั
uni0E31
า
uni0E32
า
uni0E33
กิ
uni0E34
28
กี
uni0E35
กึ
uni0E36
กื
uni0E37
กุ
uni0E38
กู
uni0E39
กฺ
uni0E3A
uni0E3F
uni0E40
uni0E41
uni0E42
฿
uni0E43
เ
uni0E44
แ
uni0E45
โ
uni0E46
กใ
uni0E47
ก่
uni0E48
ก้
uni0E49
ก๊
uni0E4A
ก๋
uni0E4B
ก์
uni0E4C
ก
uni0E4D
ก๎
uni0E4E
29
๏
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
ก้
uni0E49.alt1
ก๊
uni0E4A.alt1
30
ก๋
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
31
uni0E4F.liga uni0E24.liga uni0E26.liga .notdef AAA_Logo .notdef â&#x201A;Ź
Euro
á
divide
X
multiply yen bar fi fl
32