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