font design

62
BY TANIDA PRARIRUM

Upload: zaa-tanidom

Post on 06-Mar-2016

235 views

Category:

Documents


10 download

DESCRIPTION

Font Design

TRANSCRIPT

Page 1: Font Design

BY

TANIDA PRARIRUM

Page 2: Font Design

ตวอกษรมบทบาทส าคญอยางมากตอการผลตงานออกแบบกราฟก รปแบบและลกษณะเฉพาะของตวอกษรทมความหลากหลายมากมาย การจะเลอกใชแบบใดตองขนอยกบความเหมาะสมและเงอนไขตาง ๆ ของงานนน ตวอกษรลกษณะหนงอาจเหมาะกบงานอยางหนง และตวอกษรอกลกษณะหนงอาจจะเหมาะสมกบงานอกอยางหนง การเลอกตวอกษรทเหมาะสมจะชวยใหการออกแบบสามารถสอความหมายไดอยางเตมท ซงปจจบนกมตวอกษรใหเราไดเลอกใชอยางมากมาย ดงจะยกตวอยางตวอกษรมาเพอการพจารณา ดงน

Page 3: Font Design

ตวอกษรและตวพมพ

ตวอกษรมความส าคญมากตอการผลตวสดกราฟก เพราะตวอกษรจะท าหนาทเปนสวนแจกแจงรายละเอยดของขอมล สาระทตองการน าเสนอดวยรปแบบและการจดวางต าแหนงตวอกษรทสวยงาม ชดเจน อานงาย นาสนใจ สวยงาม ลกษณะของตวอกษรจงถกก าหนดตามการน าไปใช การเลอกตวอกษรใหเหมาะสมกบงานกราฟก มหลกการดงน

1.รปแบบตวอกษร 2.ลกษณะและขนาดตวอกษร 3.ระยะชองไฟและการจดวางตวอกษร

Page 4: Font Design

4.1. รปแบบตวอกษร ในการเลอกตวอกษรทเหมาะสมจะชวยใหงานออกแบบกราฟกนน สอความหมายไดอยางเตมท ซงปจจบนมรปแบบตวอกษรตวพมพมากมายอาจแบงไดดงน 4.1.1. ตวอกษรแบบมเชง เปนอกษรทมเสนยนของฐานและปลายตวอกษรในทางราบทเรยกวา Serif ลกษณะตวอกษรจะมเสนตวอกษรเปนแบบหนาบางไมเทากน ตวอกษรแบบนบราวเซอรหลายชนดจะใช ตวอกษรแบบนเปนหลก เชน Times New Roman, Garamond, Georgia และ New Century Schoolbook ตวอกษรประเภทนเหมาะจะใชเปนรายละเอยดเนอหา แตตวอกษรประเภทนไมคอยเหมาะจะใชกบตวหนา (bold)

แสดงรปแบบตวอกษรแบบมเชง (Serif)

Page 5: Font Design

4.1.2. ตวอกษรแบบไมมเชง (Sans Serif) เปนลกษณะของตวอกษรอกแบบหนงทรปแบบเรยบงาย เปนทางการ ไมมเชง หมายถงไมมเสนยนออกมาจากฐาน และปลายของตวอกษรในทางราบ ไดแก Arial, Helvetica, Verdana, Geneva และ Universe ตวอกษรประเภทนเหมาะทจะใชกบหวขอหรอ ตวอกษรขนาดใหญ แตไมเหมาะสมกบลกษณะเอยง

แสดงรปแบบตวอกษรแบบไมมเชง (Sans Serif)

Page 6: Font Design

4.1.3. ตวอกษรแบบตวเขยน (Script) ตวอกษรแบบนเนนใหตวอกษรมลกษณะคลายกบการเขยนดวยลายมอ ซงมหางโยงตอเนองระหวางตวอกษร มขนาดเสนอกษรหนาบางแตกตางกน นยมท าใหเอยงเลกนอย

แสดงรปแบบตวอกษรแบบตวเขยน (Script)

Page 7: Font Design

4.1.4. ตวอกษรแบบตวอาลกษณ (Text Letter) เปนตวอกษรแบบโรมนแบบตวเขยนอกลกษณะหนง มลกษณะเปนแบบประดษฐมเสนตงด าหนา ภายในตวอกษรมเสนหนาบางคลายกบการเขยนดวยพกน หรอปากกาปลายตด

แสดงรปแบบตวอกษรแบบตวอาลกษณ (Text Letter)

Page 8: Font Design

4.1.5. ตวอกษรแบบประดษฐ (Display Type) หรอตวอกษรตวพมพขนาดใหญ มลกษณะเดน คอ การออกแบบตกแตงตวอกษรใหสวยงามเพอดงดดสายตา มขนาดความหนาของเสนอกษรหนากวาแบบอนๆ จงนยมใชเปนหวเรอง

แสดงรปแบบตวอกษรแบบประดษฐ (Display Type)

4.1.6. ตวอกษรแบบสมยใหม (Modern Type) เปนตวอกษรทประดษฐขน มลกษณะเรยบงาย

แสดงรปแบบตวอกษรแบบสมยใหม (Modern Type)

Page 9: Font Design

4.2. ลกษณะและขนาดตวอกษร ลกษณะของตวอกษร (Type Character) จากรปแบบตวอกษรทหลากหลาย การสรางแบบอกษรกยงมความแตกตางทหลายรปแบบ ท าใหมลกษณะเฉพาะของตวอกษรเปลยนแปลงไป เชน

ตวเอน (Italic) ตวธรรมดา (Normal) ตวบางพเศษ (Extra Light) ตวแคบ (Condensed) ตวบาง (Light))

ตวหนา (Bold) ตวเสนขอบ (Outline) ตวหนาพเศษ (Extra Bold) ตวด า (Black)

Page 10: Font Design

4.3. ระยะชองไฟและการจดวางตวอกษร ระยะชองไฟของตวอกษร (Spacing) การจดระยะชองไฟตวอกษรมความส าคญมาก เนองจากถามการออกแบบทเหมาะสม และสวยงามแลวจะท าใหผดอานงาย สบายตา ชวนอาน การจดชองไฟมหลกการใชอย 3 ขอดงน 1. ระยะชองไฟระหวางอกษร (Letter Spacing) เปนการก าหนดชองไฟระหวางตวอกษรแตละตว ทจะตองมระยะหางกนพองาม ไมตดหรอหางกนเกนไป เราควรจดชองไฟโดยค านงถงปรมาตรทมความสมดลโดยประมาณในระหวางตวอกษร หรอเรยกวา ปรมาตรความสมดลทางสายตา 2. ระยะชองไฟระหวางค า (Word Spacing) จะเวนระยะระหวางค าประมาณ 1 ตวอกษรปกต ถาหางเกนไปจะท าใหอานยาก และชดเกนไปจะท าใหขาดความงาม 3. ระยะชองไฟระหวางบรรทด (Line Spacing) ปกตจะใชระยะหาง 0-3 พอยต หลกส าคญในการก าหนดระยะระหวางบรรทดใหวดสวนสง และสวนต าสดของตวอกษร เมอจดวางบนบรรทดแลวตองไมซอนทบกน

Page 11: Font Design

ภาพแสดงระยะชองไฟของตวอกษร (Spacing)

แบบการจดตวอกษร (Type Composition)

จดชดซาย

จดชดขวา

จดกงกลาง จดชดขอบซายและขวา

Page 12: Font Design

นอกจากรปแบบของตวอกษรทมลกษณะแตกตางกนแลว การสรางแบบตวอกษรยงมแนวคดใหเกดความแตกตางอยางหลากหลาย ท าใหมลกษณะเฉพาะตวของตวอกษรทเปลยนแปลงไป เชน • ประเภทตวเอน (Italic) • ประเภทตวธรรมดา (Normal) • ประเภทตวบางพเศษ (Extra Light) • ประเภทตวแคบ (Condensed) • ประเภทตวบาง (Light) • ประเภทตวหนา (Bold) • ประเภทตวเสนขอบ (Outline) • ประเภทตวหนาพเศษ (Extra Bold) • ประเภทตวด า (Black)

Page 13: Font Design

ขนาดของตวอกษรในงานออกแบบกราฟกมความส าคญเปนอยางมาก เพราะตองใช สอสารใหเกดความเขาใจกบหนวยงานทเกยวของ การใชหนวยก าหนดขนาดตวอกษรเปนสากลจงเปนทแพรหลาย เราจงควรตองท าความเขาใจในเรองนดวย ขนาดของตวอกษรเปนการก าหนดขนาดทเปนสดสวนของขนาดความกวางกบความสงและรปรางของตวอกษร โดยถอเอาความสงเปนหลกในการจดขนาดทเรยกวา พอยต (Point) ขนาดของตวอกษรหวเรองมกจะใชขนาดตงแต 16 พอยตขนไป สวนขนาดของเนอหากจะใชขนาดประมาณ 6 พอยต ถง 16 พอยต แลวแตลกษณะงานนน ๆ 12 พอยต=1 ไพกา 6 ไพกา=1 นว (2.5 ซ.ม.) 72 พอยต=1 นว ขนาดทางราบหรอทางกวางของตวอกษร เมอเรยงกนไปเปนค าหรอความยาวใน 1 บรรทด หรอทเรยกวาเปน “ความยาวคอลมน” กก าหนดเปน ไพกา (Pica)

Page 14: Font Design

DSU เปนฟอนตทท าโดยใช codepage ตามแบบฟอนต UPC ของ Windows สามารถใชกบโปรแกรมทวไปไดดโดยเฉพาะกบ PageMaker 6.5 ทใชฟอนตแบบ new แลวสระลอย DSP เปนฟอนตทใช codepage เปนแบบสญลกษณ ใชการเรยงต าแหนงของภาษาไทยทงอกษรและสระวรรณยกตทกต าแหนงตามฟอนตเดมของ Windows 3.1 สามารถใชไดกบโปรแกรมทไมรบฟอนตภาษาไทยทงแบบ UPC และ New สวนปญหาเรองสระลอยสามารถใชการพมพดวยแปน ALT กบตวเลขต าแหนงโดยตรงจากตารางแกไขสระลอยแบบ DSP

Page 15: Font Design

DSN เปนฟอนตทใช codepage ทงไทยและองกฤษตามแบบฟอนต New ของ Windows สามตวคอ Angsana New, Browallia New, Cordia New สามารถแกปญหาในการใชฟอนตภาษาไทยกบโปรแกรม MS Office 2000 ทงภาษาไทยและองกฤษในฟอนตเดยวกนไดเปนอยางด รวมถงการการก าหนดฟอนตใน HTML ใหแสดงบนหนาเวบเพจไดทงไทย-องกฤษในฟอนตเดยวกนอกดวย การจดท าฟอนตทงสบตวของ Windows ผมใชค าวา News ตามหลงม s เพมเขาไป จะไดไมซ าชอกนเผอวาตอไปไมโครซอฟตอาจจะท าฟอนตชนดนเพมขนมาจนครบ แตทจะตางกนคอมการอางองเอาตวอกขระไทยตางๆ ทจ าเปน มาไวตรงต าแหนงทสามารถกดแปน ALT ใสไดโดยตรง นอกจาก MS Office 2000 กยงม Photoshop 5 และ Illustrator 8 ทสามารถมองเหนและใชได เพยงแตตองใชตารางแกไขสระลอยแบบ DSS

Page 16: Font Design

DSE เปนฟอนตทใช codepage แบบ western เรยกวาเปนฟอนตแบบภาษาองกฤษเพยงอยางเดยว แตยงมอกษรภาษาไทยตามรหส Unicode อยและกอางองเอามาไวตรงต าแหนง 128-255 ทสามารถกดแปน ALT ไดเชนเดยวกบแบบ DSN ฟอนตทเปนแบบ DSE นสามารถมองเหนไดทกโปรแกรมรวมทงใชไดดกบ Photoshop 5.5 และ Illustrator 9 ทไมรบฟอนตภาษาไทยเลย แตสระจะลอย บางโปรแกรมอยาง MS Office 2000 หรอการแสดงผลทางหนาเวบเพจจะแสดงไดเฉพาะภาษาองกฤษเทานน ส าหรบฟอนตสบแบบของ Windows ทเปนชนดนใชชอเดมของฟอนตตามดวย DSE เชน AngsanaDSE สวนการแกไขสระลอยบนโปรแกรม Photoshop 5.5 และ Illustrator 9 ใหใชตารางแกไขสระลอยแบบ DSS

Page 17: Font Design
Page 18: Font Design

Sketch Gothic

Page 19: Font Design

Villa Didot

Page 20: Font Design

Glide Font

Page 21: Font Design

Stencil 8bit

Page 22: Font Design

Sketch Block

Page 23: Font Design

GRN Burgy

Page 24: Font Design

The Kabel Font

Page 25: Font Design

Nomed

Page 26: Font Design

Channel Font

Page 27: Font Design

ขนตอนท 1 ดาวนโหลดไฟล 13 fonts.zip หรอ 13fonts.rar

Page 28: Font Design

ขนตอนท 2 แตกไฟล 13fonts.zip หรอ 13fonts.rar จะไดโฟลเดอรชอ 13fonts

Page 29: Font Design

ขนตอนท 3 คลกปม Start > Control Panel

Page 30: Font Design

ขนตอนท 4 คลกไอคอน Fonts

Page 31: Font Design

ขนตอนท 5 Copy ไฟลจากโฟลเดอร 13fonts น าไปวางในโฟลเดอร Fonts ทปรากฏ

เสรจสนการตดตง ทานสามารถใชงานฟอนตทตดตงใหมไดทนท

Page 32: Font Design

ตวอกษรพเศษ อกษรพเศษ ตวอกษรพเศษ สญลกษณพเศษ คออะไร คอ ตวอกษร ทไมมในแปนพมพคอมพวเตอรโดยทวไป โดยจะเปนตวอกษร สญลกษณ อกขระ ทแปลกๆ แตกตางออกไป จากตวอกษรทเราเรยนมา การน ามาใชเพอเพมสสน ความสวยงาม ความเทห แกขอความ ชอไตเตล ไวตกแตง Facebook Hi5 Msn Blog และอนๆ เพอความโดดเดน เปนเอกลกษณเฉพาะตน

วธพมพ ตวอกษรพเศษ ดวยตวเอง

กดปม Alt คางไว แลวพมพตวเลข ทงสหลก เสรจแลวปลอยปม Alt ทกดคางไว จะไดตวอกษรพเศษ ตามทเราตองการ

Page 33: Font Design

ตารางอกษรพเศษ

Alt + 1 ☺ Alt + 2 ☻ Alt + 3 ♥ Alt + 4 ♦ Alt + 5 ♣ Alt + 6 ♠ Alt + 7 • Alt + 8 ◘ Alt + 9 ○ Alt + 10 ◙

Alt + 11 ♂

Alt + 12 ♀

Alt + 13 ♪

Alt + 14 ♫

Alt + 15 ☼

Alt + 16 ►

Alt + 17 ◄

Alt + 18 ↕

Alt + 19 ‼

Alt + 20 ¶

Alt + 21 §

Alt + 22 ▬

Alt + 23 ↨

Alt + 24 ↑

Alt + 25 ↓

Alt + 26 →

Alt + 27 ←

Alt + 28 ∟

Alt + 29 ↔

Alt + 30 ▲

Alt + 31 ▼

Alt + 32 space

Alt + 33 !

Alt + 34 "

Alt + 35 #

Alt + 36 $

Alt + 37 %

Alt + 38 &

Alt + 39 '

Alt + 40 (

Page 34: Font Design

Alt + 41 )

Alt + 42 *

Alt + 43 +

Alt + 44 ,

Alt + 45 -

Alt + 46 .

Alt + 47 /

Alt + 48 0

Alt + 49 1

Alt + 50 2

Alt + 51 3

Alt + 52 4

Alt + 53 5

Alt + 54 6

Alt + 55 7

Alt + 56 8

Alt + 57 9

Alt + 58 :

Alt + 59 ;

Alt + 60 <

Alt + 61 =

Alt + 62 >

Alt + 63 ?

Alt + 64 @

Alt + 65 A

Alt + 66 B

Alt + 67 C

Alt + 68 D

Alt + 69 E

Alt + 70 F

Alt + 71 G

Alt + 72 H

Alt + 73 I

Alt + 74 J

Alt + 75 K

Alt + 76 L

Alt + 77 M

Alt + 78 N

Alt + 79 O

Alt + 80 P

Page 35: Font Design

Alt + 81 Q Alt + 82 R Alt + 83 S Alt + 84 T Alt + 85 U

Alt + 86 V

Alt + 87 W

Alt + 88 X

Alt + 89 Y

Alt + 90 Z

Alt + 91 [

Alt + 92 \

Alt + 93 ]

Alt + 94 ^

Alt + 95 _

Alt + 96 `

Alt + 97 a

Alt + 98 b

Alt + 99 c

Alt + 100 d

Alt + 101 e

Alt + 102 f

Alt + 103 g

Alt + 104 h

Alt + 105 i

Alt + 106 j

Alt + 107 k

Alt + 108 l

Alt + 109 m

Alt + 110 n

Alt + 111 o

Alt + 112 p

Alt + 113 q

Alt + 114 r

Alt + 115 s

Alt + 116 t

Alt + 117 u

Alt + 118 v

Alt + 119 w

Alt + 120 x

Page 36: Font Design

วธ Copy ตวอกษรพเศษ ในโปรแกรม Character Map Utility

อกษรพเศษ นอกจากเราพมพเองและ copy จากเวบแลวยงมจากโปรแกรมทใกลตว แตคนสวนใหญไมคอยรจก ทบอกวาเปนโปรแกรมใกลตว เพราะวา เปนโปรแกรมทมาพรอมกบ windows ทกเครอง ชอวา โปรแกรม Character Map โดยวธเรยกใชนนดงตอไปน

ไปท Start >> All Programs >> Accessories >> System Tools >> Character Map

Page 37: Font Design

การ Copy ตวอกษรพเศษในโปรแกรม Character Map ท าไดงายๆ ดงน 1. ดบเบลคลก ทตวอกษรทเราตองการ จนพอใจ 2. คลกทปม Copy แลวน าไปวางไดเลย

Page 38: Font Design

ตวอกษรพเศษ รปแบบแทนหนาคน

อกษรพเศษ กลมน เปนการน าตวอกษรพเศษมาท าใหเหมอนหนาคน ในกรยาตางๆกน อารมณตางๆกน เราไดรวบรวมมาไวใหทกทานไดน าไปใชกน อกษรพเศษ หนาคน แสดงอารมณ รก สมหวง ยม ดใจ

~♡ . ( ̄▽ ̄)~* ( ̄▽ ̄)" ╮(╯▽╰)╭ ╮( ̄▽ ̄)╭♡. = ̄ω ̄= ( ̄3 ̄)a  ̄▽ ̄ ╮ ( ̄. ̄) \ ( ̄<  ̄)

(~o ̄▽ ̄) (~ ̄▽ ̄) ♡. └(^o^)┘ ﹌○﹋

^ˇ^≡ ♡. =^_^= Y(^_^)Y ♡. \^o^/ ♡. ( ^_^ )?

Page 39: Font Design

อกษรพเศษ หนาคน แสดงอารมณ อกหก เศรา ผดหวง

(╯3╰)╭♡. ╮(╯3╰)╭ ╮(╯_╰)╭ (= 0 =)y o(︶︿︶)o ˋ(′~‵)ˊ♡. ⊙﹏⊙∥∣° ︹^*︺ ♡. \(╯-╰)

(*^︹^*︺ ♡. \(╯-╰) ╯﹏╰ ♡. \(╯-╰)/ (╯︿╰﹀ ♡. ︸_︸ -____-" -︵- ♡.。_。 (*@︿@*﹀ ♡. 〒_〒

Page 40: Font Design

อกษรพเศษ หนาคน รปแบบอนๆ

(• _• )? \(• _• \) (/• _• ) 。◕‿◕。 (。→‿←。) (@^-^) (๐^.^๐) ~~(^__^)..?

+▂+ +0+ +︿+ +ω+ +﹏+ +△+

(¯▽¯;) (-__-)b \ _ /♡.  ̄□ ̄| <("""O""")>♡.

Σ(@)( ̄  ̄)+ Σ(⊙▽⊙"a♡. (@[]@!!) ㄟ(≧◇≦)ㄏ

\( ̄︶ ̄)> <( ̄︶ ̄) / (‵﹏′) o(≧ω≦)o o(≧o≦)o

Page 41: Font Design

ตวอกษรพเศษ รปแบบรปดาว

★☆✰✩✫✬✭✮✯✰✱✲✳❃❂❁❀✿✾✽ ✼✻✺✹✸✷✪✣✤✥✦✧✡ ★ ☆ ⋆ ✩ ✮ ✯ ✰ ❇ ❈ ❅ ❄ ❆ ✺ ✹ ✸ ✷ ✶ ✵ ✴ ✳ ✲ ✱ ✰ ✯ ✮ ✭ ❁ ❂ ❃ ❄ ❅ ❆ ❇ ❈ ❉ ❊ ❋ ⋆ ✢ ✣ ✤ ✥ ❋✦ ✧ ✩ ╰☆╮ ✪ ✫✬ ✭ ✮ ✯ ✰ ✡★ ✱ ✲ ✳ ✴ ❂✵ ✶ ✷ ✸ ✹✺ ✻ ✼ ❄ ❅❆ ❇ ❈ ❉ ❊

Page 42: Font Design

ตวอกษรพเศษ กลมตวอกษร เปนรปตางๆ

สญลกษณพเศษ หมากรก ♔ ♕ ♖ ♗ ♘ ♙ ♚ ♛ ♜ ♝ ♞ ♟

สญลกษณพเศษ ไพ ♧ ♤ ♧ ♡ ♢♠ ♣ ♥ ♦

สญลกษณพเศษ ลกศร ↚ ↛ ↜ ↝ ↞ ↟ ↠ ↡ ↢ ↣ ↤ ↥ ↦ ↧ ↩ ↪ ↫ ↬ ↭ ↮

↯ ↰ ↱ ↲ ↳ ↴ ↵ ↶ ↷ ↸ ↹ ↺ ↻ ↼ ↽ ↾ ↿ ⇀ ⇁ ⇂ ⇃ ⇄ ⇅

⇆ ⇇ ⇈ ⇉ ⇊ ⇋ ⇌ ⇍ ⇎ ⇏ ⇐ ⇑ ⇒ ↖ ↗ ↘ ↙ ↔ ↕ ➳

➴ ➵ ➶ ➷ ➸ ➹ ➺ ➻ ➼ ➽ ➾ ➙ ➚ ➘ ➟ ➠ ➣ ➢ ➤ ➥ ➦ ➧ ➨

Page 43: Font Design

สญลกษณพเศษ สามเหลยม

▲ △ ▼ ▽ ◢ ◣ ◤ ◥ ⊿ สญลกษณพเศษ สเหลยม

❏ ❐ ❑ ❒ ❖ ■ □⊹ ◆ ◇ สญลกษณพเศษ วงกลม

◑ ☮ ☯ ✆ ✇ ⊕ ⊙ ⊕ ⊖ ⊗ ⊘ ⊚ ⊛ ⊜ ⊝ 〇 ◎ ● ☉ สญลกษณพเศษ เครองหมายตางๆ ✓ ✔ ✕ ✖ ✗ ✘ ✙ ✚ ≨ ≩ ≮ ≯ ≰ ≱ ≲ ≳ ≴ ≵ ∛ ∜ สญลกษณพเศษ อณหภม ☼ ☀ ☁ ☂ ☃☄ ☾ ☽ ❄ ☇☈ ⊙ ☉ ℃ ℉° ❅ ✺ ϟ

Page 44: Font Design

สญลกษณพเศษ อนๆ

ه ♪ ♪╚ ╝ $ ╦ ╩ ه ◙ ◘ ♫ ♪ ♪ ღ 。 • ╬ ♂ ♀ → ← ◊ の ω ∏ √ ∩∞ ≡ ◊ ╠ ═ ╝ ▫ □ җ لــا җ ๑ ಕ ◊ の № ∑ ξ ζ ≠

─ = ≈ ≌ ۩๑ ۞ ō ε ┘ ┌ ╬ Θ ™ ۞ ₪ ∂ ‡ 俞 ツ ❡

❧ ҳ Ҳҳ ^ ╬ ╫ ╪ ╩ ╨ ╧ ╦ ╥ ╤ ╣ ╢ ╡ ╟╞╝ ╜ ╛ ╙

╘╗ ╖ ╔ ╔ ╓ ╒═ ┼ ┴┬├┘└┐│─⌡⌠⌐ π ㎯ く … ︻ ﹌ ︼ ﹎ ﹋ ﹀ ︿ ︾ ︽ ﹊ ︵ ︷ ︶ ︸ ︹ ︺

ะ ※ ∝ ∞ ∟ ∠ ∥ ∧ ∨ ∮ ∴ ∵ ∶ ∷ ≮ ≯ ⌒▔ ⊹ ⊱ ⋛ ⋋ ⋌

⋚ ⊰ ⊹ ﹏ √ ╮ ╭ ╯ ╰ ㋡ ↘ △ ◐ ☎ ☏▕ 『 ❀ ❣ ☇ ☃

』 ♧ ⊹ ○ ★ ☆ 〆 「 」 『 』 〒 〓 ∡ ∢ ∤ ∦ ∭

∮ ∯ ∰ ∱ ∲ ∳ ∶ ∸ ∹ ∻ ∾ ≂ ≁ ≃ ≄ ≅ ≆ ≇ ≈ ≉ ≊ ≋ ≌ ≍ ≎ ≏ ≔ ≕ ≖ ≗ ≘ ≙ ≚ ≛ ≜ ≝ ≞ ≟ ≠ ≡ ≢

Page 45: Font Design

อกษรพเศษ นารกๆ สวยๆ ตอกนยาวๆ ☆·.¸¸.·´¯`·.¸¸.¤ ~♡のⓛⓞⓥⓔ♡~ /(*w*)\ ≡[。。]≡※◦º°×°º◦εїз´¯`·»。。♀♡ ╭☆╯ºØغøº¤ø,¸¸,ºº¤øøºهللاهللا°º¤ø,¸¸, —(•·÷[ ]÷·•)— ·÷±‡±±‡±÷· Oº°‘¨ ¨‘°ºO •°o.O O.o°• ¨°o.O O.o°¨ —¤÷(`[¤* *¤]´) ÷¤— •·.·´¯`·.·• •·.·´¯`·.·• «·´`·.(`·.¸ ¸.·´).·´`·» -(¯`v´¯)-» ×÷·.·´¯`·)» «(·´¯`·.·÷× ♪♪♫▫—(•·÷[ ]÷·•)— ·÷±‡±±‡±÷· Oº°‘¨ ¨‘°ºO •°o.O O.o°• ¨°o.O O.o°¨ —¤÷(`[¤* *¤]´)÷¤—•·.·´¯`·.·• •·.·´¯`·.·•´`·.(`·.¸ ¸.·´).·´`·»

Page 46: Font Design

อกษรพเศษ กลมอกษร Text Art

(¯`v´¯) I Love My Girls `*.¸.*´ ? ¸.•´¸.•*¨) ¸.•*¨)? (¸.•´ (¸.•´ .•´ ¸¸.•¨¯`•. (¯`v´¯) .`·.¸.·´ ? ¸.·´¸.·´¨) ¸.·*¨) (¸.·´ (¸.·´ .·´ ¸ ╔══╗ ╚╗╔╝ ╔╝(¯`v´¯) ╚══`.¸.Your lover's name

_♥__♥_____♥__♥___ Put This _♥_____♥_♥_____♥__ Heart _♥______♥______♥__ On Your __♥_____/______♥__ Page If ___♥____\_____♥___ You Had ____♥___/___♥_____ Your Heart ______♥_\_♥_______ Broken ________♥_________…………….

Page 47: Font Design

_░▒███████ ░██▓▒░░▒▓██ ██▓▒░__░▒▓██___██████ ██▓▒░____░▓███▓__░▒▓██ ██▓▒░___░▓██▓_____░▒▓██ ██▓▒░_______________░▒▓██ _██▓▒░______________░▒▓██ __██▓▒░____________░▒▓██ ___██▓▒░__________░▒▓██ ____██▓▒░________░▒▓██ _____██▓▒░_____░▒▓██ ______██▓▒░__░▒▓██ _______█▓▒░░▒▓██ _________░▒▓██ _______░▒▓██ _____░▒▓██

$$$_____$$$$$$$$$$$$$$$_$$$_______$$$_$$$$$$$$$$ $$$____$$$____$$$____$$$_$$$_____$$$__$$$_______ $$$____$$$___________$$$_$$$_____$$$__$$$_______ $$$_____$$$_________$$$___$$$___$$$___$$$$$$$$__ $$$______$$$_______$$$_____$$$_$$$____$$$_______ $$$_______$$$_____$$$______$$$_$$$____$$$_______ $$$$$$$$$___$$$_$$$_________$$$$$_____$$$$$$$$$$ ▀██▀─▄███▄─▀██─██▀██▀▀█ ─██─███─███─██─██─██▄█ ─██─▀██▄██▀─▀█▄█▀─██▀█ ▄██▄▄█▀▀▀─────▀──▄██▄▄█

Page 48: Font Design

รจกกบฟอนตฟอรแมต FONT FORMAT หรอรปแบบฟอนตนบวามสวนส าคญมากในหนาสไลด เพราะเปนรปแบบของตวอกษร ทท าใหสไลดดดไดเลยทเดยว โดยเขาไปท Format > Font

Page 49: Font Design

สงทเหนในหนาตาง Font คอสงทถกก าหนดไว ถาตองการเปลยนภาษาองกฤษจากArial เปน Angsana New อยาลมคลกท Default for new objects

Effect เปนการแสดงผลทแตกตางไปจากปกต

Page 50: Font Design

Underline = ขดเสนใต

Shadow = เงา

Emboss = ตวนน

Page 51: Font Design

Superscript = ตวยก เชน ยกก าลง x2

Subscript = ตวหอย เชน Log 2

Superscript และ Subscript จะม Offset ใหปรบเปน Percent วาตองการเทาไร ตวยกคาเปนบวก ตวหอยคาเปนลบ คาปกตเปน 0

ตวอยาง การปรบแตงตวอกษรดวย Color, Underline, Shadow

Page 52: Font Design

ตงฟอนตมาตรฐานไวใชงานตลอดไป

คลกเลอกเมนค าสง Format, Font ตงคาเกยวกบฟอนตทจะใชงานบอยๆ เชน Angsana UPC ขนาด 16 Point คลกทปม Default

Page 53: Font Design

แลวคลกปม Yes เพอยนยนการตงฟอนตใหเปนคามาตรฐาน ตอไปเมอเปดไฟลใหม โปรแกรมจะรจกฟอนตทตงไวตลอดไป

•ส าหรบ Word 2000/XP จะตองตงฟอนตมาตรฐานเปน ...NEW เทานน โดยก าหนดคาฟอนตจากรายการ Latin text font และ Complex scripts ใหตรงกน จากนนคลกปม Default เพอก าหนดใหเปนคาตดตงตลอดไป

Page 54: Font Design

วธแกปญหา Font ภาษาไทย กรณทเมนตางๆในโปรแกรมเปนภาษาทอานไมออก ใหคลกปม เลกงาน ออกจากโปรแกรม และ ตรวจสอบการตง Fontภาษาไทยตามขนตอนตอไปน ขนท 1 : ตรวจสอบเรองการตงภาษาใน Regional and Language Options

1.1 คลกท Start 1.2 คลกท Control Panel

Page 55: Font Design

1.3 คลกท Regional and Language Options

ภาพประกอบค าอธบายจะเปนภาพของ Windows XP ซงถาทานใช Windows อน หนาจอจะไมเปนดงภาพ แตสามารถใชดเปนแนวทางได

Page 56: Font Design

1.4 คลกเลอกใหเปน Thai 1.5 คลกเลอกใหเปน Thailand

1.6 คลกแถบ Advanced 1.7 คลกเลอกใหเปน Thai 1.8 เสรจแลว คลกปม OK

Page 57: Font Design

ขนท 2 : ตงคาใน Display Properties

2.1 วางเมาสบรเวณวางๆหนา Desktop - คลก ปมขวา ของเมาส - คลก Properties

2.2 คลกแถบ Appearance

2.3 คลกปม Advanced

แลวตง Font ของ Menu ใหเปน Tahoma (a) โดยคลกเลอก Items ใหเปน Menu (b) คลกเลอก Font ใหเปน Tahoma (c) เสรจแลว คลกปม OK

Page 58: Font Design

2.4 คลกปม Advanced

แลวตง Font ของ Message Box ใหเปน Tahoma

(a) โดยคลกเลอก Items ใหเปน Message Box (b) คลกเลอก Font ใหเปน Tahoma (c) เสรจแลว คลกปม OK

2.5 คลกปม Advanced

แลวตง Font ของ ToolTip ใหเปน Tahoma (a) โดยคลกเลอก Items ใหเปน ToolTip (b) คลกเลอก Font ใหเปน Tahoma (c) เสรจแลว คลกปม OK

Page 59: Font Design

2.6 คลกปม OK

2.7 จากนน รอสกคร...

- จนกระทง ขอความ Please Wait หายไป - จากนน กลองเขาโปรแกรม

กรณทท าตามขนตอนขางตนแลว แตไมสามารถแกปญหาได - ใหท าตาม ขอ 2.1-2.7 อกครง แตเลอกเปลยน Font ใหเปนตวอน (ทไมใช Tahoma) - จากนน ท าตาม ขอ 2.1-2.7 อกครง โดยเลอกเปลยน Font กลบ ใหเปน Tahoma

ทใหท าเชนน เนองจากบางครง Windows อาจจะไม Active ดงนน จงใหลองเปลยน Font ใหเปนตวอนกอน (ทไมใช Tahoma) แลวจงเปลยนกลบ ใหเปน Tahoma อกทหนง

Page 60: Font Design

ใชโปรแกรม Revowel แกปญหาสระลอย

•ใชโปรแกรม Revowel แกปญหาสระลอย

Saru Revowel (โปรแกรม แกสระลอย) TE : เปนโปรแกรมทใชในการแกไขปญหา "สระและวรรณยกตลอย" ในโปรแกรมกราฟกตางๆ ซงโปรแกรมตวนไดแนวคดมาจากโปรแกรม Gazib Revowel ซงเคยไดทดลองใช และชนชอบในการแกไขปญหาของโปรแกรม และไดน ามาพฒนาตอยอดใหสามารถแกไขปญหาสระและวรรณยกตลอยอน ๆ ทโปรแกรม Gazib Revowel ไมสามารถท าได และพฒนาตอเนองมาจนถงรนท 3 ในทกวนน Version 3.4.5 Update : ปรบปรงในสวน Short-Cut (CTRL + Shift + G)ใหสามารถท างานไดด

Page 61: Font Design

Version 3.4.0 Update: ความสามารถทเพมเตมจากเวอรชนกอน 1. สามารถใชงานรวมกบ Adobe CS ได (รปแบบการแกสระแบบ DSS) 2. สามารถใชรวมกบ Macromedia Flash MX 2004 ได 3. แกความผดพลาดจากโปรแกรมในรนกอนหนา (เวอรชน 3.3.9) 4. ภายหลงจากการแกสระลอย สามารถ Paste ขอความในโปรแกรม Photoshop หรอ Illustrator ไดทนท (โดยไมตองใชค าสง พมพอตโนมตชวยเหมอนกอน รปแบบการแกสระแบบ DSS) 5. สามารถท าไฮไลตตวอกษร ใน Adobe Illustrator 10 แลวกดปม CTRL + C เพอคดลอกขอความ กด CTRL + Shift + G เพอแกไขสระลอย แลวกด CTRL + V เพอวางตวอกษรทแกไข (ใชไดเฉพาะใน Adobe Illustrator 10) 6. ลดเวลาทดลองใชงานลงเหลอ 50 วนาท ตอครง และใชไดครงละ 100 ตวอกษร (เพราะจ านวนผลงทะเบยนนอย ซงหากยอดผลงทะเบยนยงนอยอยโปรแกรมอาจจะหยดตวอยทรนนเปนรนสดทาย) 7. เปลยนระบบรหสลงทะเบยนใหม (ไมสามารถใชรหสเกาได) ผทเคยลงทะเบยนกอนหนาสามารถอเมลลมาขอรหสใหมไดฟร (รหสใชชดเดยวกบเวอรชน 3.3.9)

Page 62: Font Design

Version 3.2.6 Update: ความสามารถทเพมเตมจากเวอรชนกอนหนา 1. แกไขปญหาความผดพลาดในการแกสระและวรรณยกตลอยในเวอรชน 2 2. ระบบพมพขอความอตโนมต (ใชแกไขปญหา แกสระและวรรณยกตลอยใน Adobe Photoshop 7 3. ระบบเปลยนตวอกษร "ญ" เปนเครองหมาย "*" (เพอแกไขปญหาการพมพตวอกษร "ญ" ใน Adobe Photoshop CS) 4. โปรแกรมปรบปรงใหมหมด ท าใหสามารถแกไขสระและวรรณยกตลอยไดรวดเรวมากขนจากเวอรชนกอนหนาหลายเทา 5. เปลยนโปรแกรมเปนระบบ Shareware ทดลองใชไดครงละ 100 วนาท