บทที่ 5 การสร้างข้อความตกแต่งภาพ

บทท่ี 5 การสรา้ งขอ้ ความตกแต่งภาพ

5.1 รูจ้ กั กบั ประเภทของตวั อกั ษร
ตวั อกั ษรท่ใี ชใ้ นโปรแกรมกราฟิกโดยท่วั ไปแบง่ ออกเป็น 2 ประเภทคือ

แบบเวกเตอร์ (Vector)
ตวั อกั ษรแบบเวกเตอรจ์ ะเกิด จากการลากเสน้ ตรง เสน้ โคง้ ท่อี า่ นวณดว้ ยสมการทาง

คณิตศาสตร์ จากจดุ หน่ึงไปสอู่ ีกจดุ หนง่ึ ตอ่ เน่อื งจนเกิดเป็นภาพหรอื ตวั อกั ษร
ตวั อกั ษรแบบเวกเตอรจ์ ะไมม่ ปี ัญหาเรื่องรอยแตกบนขอบตวั อกั ษรเม่อื เกิดการยอ่ / ขยาย

ตวั อกั ษรมาก ๆ จึงเหมาะ สาํ หรบั นาํ มาใชใ้ นงานส่ิงพมิ พ์ และงานศิลป์ อยา่ งไรก็ตามตวั อกั ษร
แบบนจี้ ะนาํ ไปตกแตง่ เอฟเฟ็กตโ์ ดยใชฟ้ ิลเตอรไ์ ม่ได้
แบบบติ แมพ (Bitmap)

ตวั อกั ษรแบบบิตแมพจะเกิดจากการเรยี งชอ่ งสเี ป็นตารางเพ่อื สรา้ งภาพ หรือตวั อกั ษรทาํ
ใหส้ ะดวกในการประมวลผลเรอื่ งสี โดยเฉพาะอย่างย่งิ การลงสแี ละการตกแตง่ ภาพฉะนนั้ ขอ้ ดขี อง
อกั ษรแบบบติ แมพคือสามารถใชไ้ ดก้ บั การใสเ่ อฟเฟ็กตแ์ ละฟิลเตอร์ ในขณะท่ขี อ้ เสยี คือเม่อื มกี าร
ขยายขนาดจะทาํ ให้ ช่องสีขยายใหญ่เกินไปจนเห็นตวั อกั ษรแตกเป็นชอ่ งเหล่ยี ม ๆ

จากขอ้ ดีและขอ้ เสยี ของตวั อกั ษรแบบเวกเตอรแ์ ละบิตแมพท่ผี ่านมาเราสรุปไดด้ งั นี้
ตวั อกั ษรเวกเตอร์
1. ปรบั เปลี่ยนขนาดไดต้ ามใจชอบภาพไม่แตก
2. แกไ้ ขขอ้ ความไดง้ ่าย
3. การปรบั แตง่ สีและลกู เลน่ ทาํ ไดน้ อ้ ยมาก

ตวั อกั ษรบติ แมพ
1. ปรบั เปลี่ยนขนาดภาพจะแตก
2. แกไ้ ขขอ้ ความยากหรือแกไ้ ขไม่ได้
3. การปรบั แตง่ สแี ละลกู เลน่ ทาํ ไดม้ าก

ตวั อกั ษรเวกเตอร์ ตวั อกั ษรบิตแมพ

ฉะนนั้ หลกั การและเทคนิคในการปรบั แต่งตวั อกั ษรท่ดี ที ่ีสดุ คอื พมิ พต์ วั อกั ษรการพิมพจ์ ะได้
ตวั อกั ษรแบบเวกเตอร)์ กาํ หนดขนาดและดคู วามถกู ตอ้ งของตวั อกั ษรหลงั จากนนั้ จงึ เปลยี่ นจาก
ตวั อกั ษรแบบเวกเตอรม์ าเป็นตวั อกั ษรแบบบติ แมพเพ่อื ปรบั เปลย่ี นสแี ละใสเ่ อฟเฟ็กตใ์ หก้ บั
ตวั อกั ษรเพราะถา้ เราแปลงขอ้ ความจากเวกเตอรเ์ ป็นบติ แมพแลว้ ต่อจากนนั้ มาปรบั ขนาดทีหลงั จะ
สง่ ผลใหต้ วั อกั ษรแตกได้

5.2 เครื่องมือในการสรา้ งตวั อกั ษร

เราสามารถสรา้ งขอ้ ความไดโ้ ดยใชค้ าํ ส่งั Type Tool ซง่ึ มีลกั ษณะการใชง้ านท่แี ตกตา่ งกนั
ไป 4 รูปแบบดงั นี้

เคร่ืองมือ คณุ สมบตั ิ ประเภท
พิมพต์ วั อกั ษรในแนวนอน เวกเตอร์
Horizontal Type Tool พมิ พต์ วั อกั ษรในแนวตงั้ เวกเตอร์
เลือกพนื้ ท่ีเป็นตวั อกั ษรใน บิตแมพ
Vertical Type Tool
แนวตงั้
Horizontal Type Mask
Tool

Vertical Type Mask Tool เลือกพนื้ ท่ีเป็นตวั อกั ษรใน บติ แมพ
แนวตงั้

5.3 การสรา้ งตวั อกั ษรแบบเวกเตอร์

ตวั อกั ษรแบบเวกเตอรเ์ หมาะสาํ หรบั การนาํ เสนอขอ้ ความท่มี คี วามคมชดั และมสี ีสนั เรียบ
งา่ ยเพราะตวั อกั ษรแบบเวกเตอรไ์ ม่สามารถใสเ่ อฟเฟ็กตไ์ ดม้ ากตวั อกั ษรแบบเวกเตอรม์ ีอยู่ 2 แบบ
คือ Point type และ Paragraph type ซ่งึ ต่างกนั ตรงท่ี Point type จะเป็นขอ้ ความช่อื เร่ืองสว่ น
Paragraph type จะเป็นขอ้ ความเนอื้ เรอื่ งท่มี ีหลายบรรทดั หรอื มีลกั ษณะเป็นย่อหนา้

สรา้ งตวั อกั ษรแบบ Point type

จากตวั อยา่ งเราจะสรา้ งแผ่นปา้ ยโฆษณารบั งานถ่ายภาพโดยจะสรา้ งตวั อกั ษรแบบ Point
type เป็นช่อื งานถ่ายภาพดงั นี้

1.คลิกเมาสเ์ ลอื ก Horizontal Type Tool เพ่อื สรา้ งขอ้ ความในแนวนอนหรอื Vertical
Type Tool เพ่อื สรา้ งขอ้ ความในแนวตงั้ เพ่อื ยนื ยนั ใชข้ อ้ ความท่เี ราไดส้ รา้ งเอาไว้

2.ในออปช่นั บารใ์ หเ้ รากาํ หนดรูปแบบของตวั อกั ษร

3.กาํ หนดลกั ษณะของตวั อกั ษร ไดแ้ ก่ ตวั หนาตวั เอียงหรอื ตวั ปกติ

4.กาํ หนดขนาดของตวั อกั ษร

5.กาํ หนดสขี องตวั อกั ษร

6. คลกิ เมาสล์ งไปในชนิ้ งานและพมิ พข์ อ้ ความท่ตี อ้ งการ

7. คลกิ เมาสป์ ่มุ ตกลงเพ่อื ยืนยนั ใชข้ อ้ ความ

สรา้ งตวั อกั ษรแบบ Paragraph type

ตวั อกั ษรแบบ Paragraph type จะมลี กั ษณะเป็นขอ้ ความท่มี ีหลายบรรทดั หรือเป็นยอ่
หนา้ ดงั ตวั อย่างเราจะสรา้ งขอ้ ความโฆษณารบั จา้ งถา่ ยภาพต่อจากขนั้ ตอนท่ีผา่ นมา

1. คลิกเมาสเ์ ลือก Horizontal Type Tool เพ่อื สรา้ งขอ้ ความในแนวนอนหรือ Vertical
Type Tool เพ่อื สรา้ งขอ้ ความในแนวตงั้

2. ลากเมาสเ์ ป็นพนื้ ท่กี รอบส่ีเหลีย่ มเพ่อื กาํ หนดเป็นบรเิ วณใสข่ อ้ ความ

3. ในออปช่นั บารใ์ หเ้ รากาํ หนดรูปแบบของตวั อกั ษร

4. พมิ พข์ อ้ ความท่ตี อ้ งการลงในพนื้ ท่วี า่ งในกรอบสี่เหล่ียมนนั้

5. คลิกเมาสท์ ่ปี ่มุ ตกลงเพ่อื ยืนยนั ใชข้ อ้ ความท่เี ราไดส้ รา้ งเอาไว้

6. แสดงขอ้ ความในลกั ษณะของ Paragraph ตามท่เี ราตอ้ งการ

TIB

โหมดสี Multichannel, Bitmap และ Indexed Color จะไมส่ นบั สนนุ การทาํ งานแบบเล
เยอรด์ งั นนั้ เม่อื เราพิมพข์ อ้ ความลงไปในภาพท่ใี ชโ้ หมดสเี หลา่ นขี้ อ้ ความท่ีพิมพจ์ ะทบั อย่บู นภาพ
Background โดยท่ีเราไม่สามารถแกไ้ ขขอ้ ความได้ แตใ่ นกรณีท่เี ราตอ้ งการแยกขอ้ ความใหอ้ ยใู่ น
อีกเลเยอรเ์ พ่ือจะสามารถแกไ้ ขไดเ้ ราจะตอ้ งใชโ้ หมดสอี ่นื การเปลย่ี นโหมดสจี ะกลา่ วในบทความรู้
เร่อื งสี
5.4 การแกไ้ ขขอ้ ความท่ีพิมพผ์ ดิ พลาด

ถา้ เราพมิ พข์ อ้ ความผิดหรืออยากปรบั รูปแบบใหม่มีขนั้ ตอนดงั นี้

• ลากเมาสบ์ นตวั อกั ษรใหเ้ กิดแถบสีดาํ ครอบตวั อกั ษรเพ่อื พิมพค์ าํ ใหม่ทบั ลงไป
• หากสะกดผดิ สามารถแกไ้ ขไดโ้ ดยการคลกิ เมาสบ์ รเิ วณท่ผี ิดแลว้ แกไ้ ขใหม่

• ขณะท่เี ลอื ก Type Tool สามารถปรบั แตง่ รายละเอยี ดตวั อกั ษรเพมิ่ เติมไดท้ ี
ออปช่นั บาร์

• นอกจากนนั้ ยงั สามารถใชค้ าํ ส่งั rarstorm มาปรบั ขนาดของตวั อกั ษรไดต้ าม
ตอ้ งการ

5.5แปลงตวั อกั ษรเวกเตอรใ์ หเ้ ป็นแบบบติ แมพ
เน่อื งจากขอ้ ความแบบเวกเตอรใ์ หค้ วามคมชดั ในขณะท่ขี อ้ ความแบบบติ แมพนาํ ไปใช้

ตกแตง่ เอฟเฟ็กตโ์ ดยใชเ้ คร่อื งมอื ต่างๆของ Photoshop ไดด้ งั นนั้ ถา้ เราตอ้ งการจดุ ดีของทง้ั สอง
แบบใหเ้ ราเร่มิ โดยการสรา้ งขอ้ ความแบบเวกเตอรก์ อ่ นเม่อื วางท่ตี าํ แหนง่ และขนาดเหมาะสมเราก็
จะแปลงขอ้ ความเป็นแบบบติ แมพดงั ตวั อย่างนี้

1. คลกิ เมาสท์ ่ี Type Tool
2. เลอื กตวั อกั ษรขนาดและสีตามตอ้ งการ
3. พมิ พข์ อ้ ความลงไปในภาพ
4. คลิกเมาสเ์ พ่อื ใชข้ อ้ ความท่พี ิมพไ์ ว้
5. คลกิ เมาสป์ ่มุ ขวาท่เี ลเยอรข์ อ้ ความและเลอื กคาํ ส่งั Rasterize Type เพ่อื แปลง

ตวั อกั ษรเป็นบติ แมพ
6. เลเยอรข์ อ้ ความจะกลายเป็นเลเยอรภ์ าพแบบบติ แมพ
7. เลือก Filter-> Distort-> Twirl sevins เพ่อื บิดขอ้ ความ
8. ขอ้ ความถกู บิดโคง้ ไดต้ ามตอ้ งการ

TIB

ใน Photoshop จะทาํ การตกแต่งภาพโดยการตดั สว่ นประกอบของภาพมาวางซอ้ นกนั เป็น
ชนั้ ๆ เราเรยี กวิธีการนวี้ ่า“ เลเยอร”์ ซง่ึ จะมีหนา้ ตา่ งควบคมุ การซอ้ นภาพท่เี รียกว่าพาเนล Layers
(พาเนลนจี้ ะกลา่ วอีกครงั้ ในบทของเลเยอร)์

5.6ตกแต่งขอ้ ความดว้ ย Layer Style Layer Style

เป็นการใสเ่ อฟเฟ็กตพ์ ิเศษใหก้ บั ขอ้ ความไดท้ ง้ั แบบเวกเตอรแ์ ละบติ แมพ ไดแ้ ก่ การใสเ่ งา
การทาํ ใหด้ นู นู ขนึ้ มาและการเจาะใหด้ ลู กึ ลงไปเป็นตน้ ซง่ึ จะตกแตง่ ใหก้ บั ภาพหรือขอ้ ความท่เี รา
เลือกในบทนจี้ ะแนะนาํ วิธีการใชง้ านขนั้ เบอื้ งตน้ โดยจะลองตกแต่งขอ้ ความดงั ตวั อย่างนี้

ตวั อกั ษรท่วั ไป ตวั อกั ษรท่ตี กแตง่ โดยการใสเ่ งา

1. ใชเ้ ครอื่ งมือ Type Tool พมิ พข์ อ้ ความบนภาพ
2. เลือกคาํ ส่งั Layer-> Layer Style-> เลอื กรูปแบบของเอฟเฟ็กตท์ ่เี ราตอ้ งการในตวั อย่าง
เราเลอื กแบบ Drop Shadow เพ่อื สรา้ งเงาใหก้ บั ขอ้ ความ
3. ปรากฏหนา้ จอ Layer Style ใหก้ าํ หนดค่าเอฟเฟ็กตต์ ่างๆตามท่ตี อ้ งการจากนนั้ คลกิ
เมาสท์ ่ปี ่มุ OK แสดงผลลพั ธท์ ่ไี ดจ้ ะเห็นว่ามีเงาท่ตี วั อกั ษร

5.6ปรบั แตง่ ตวั อกั ษรใหพ้ ลิว้ ไหว
เทคนคิ นจี้ ะใชก้ บั ตวั อกั ษรแบบเวกเตอรโ์ ดยจะตดั ขอ้ ความใหโ้ คง้ อสิ ระ เม่อื มองดู

แลว้ ก็สบายตาสามารถปรบั แตง่ ขอ้ ความใหโ้ คง้ และพรวิ้ ไหวไปตามรูปทรงต่างๆตามจนิ ตนาการได้
ปรบั แต่งตวั อกั ษรใหโ้ คง้ ดว้ ย Warp text
เราสามารถตดั ขอ้ ความใหโ้ คง้ ไดด้ งั นี้
1. คลิกเมาสเ์ ลือกตวั อกั ษรท่จี ะปรบั แต่งความโคง้

2. ในออปช่นั บารค์ ลิกเมาสป์ ่มุ เพ่อื ทาํ การดดั โคง้ ตวั อกั ษร
3. ในชอ่ ง Style ใหเ้ ราเลือกรูปแบบของแนวการตดั โคง้ ใหก้ บั ตวั อกั ษรและปรบั ค่าใหโ้ คง้
ตามลกั ษณะของรูปทรงตา่ งๆ

4. คลกิ เมาสป์ ่มุ OK เพ่อื ตกลงใชก้ ารดดั โคง้ ท่กี าํ หนดเพ่อื ทาํ การดดั โคง้ ตวั อกั ษร

5.7การใชต้ วั อกั ษรภาษาไทยในโปรแกรม Photoshop
เราสามารถใชต้ วั อกั ษรภาษาไทยในโปรแกรม Photoshop ได้ แตก่ ็ยงั มปี ัญหา

การใชง้ านอยบู่ า้ งเช่นปัญหาเร่อื งของสระและวรรณยกุ ตล์ อย แต่เรามีวธิ ีการแกไ้ ขปัญหาท่เี กิดขนึ้
เหลา่ นไี้ ด้

ตดิ ตงั้ ตวั อกั ษรเพิม่ เพ่อื ใชใ้ นโปรแกรม Photoshop
ใน Photoshop เราสามารถนาํ ตวั อกั ษรภาษาไทยท่ตี ิดตงั้ มาพรอ้ มกบั ระบบปฏบิ ตั กิ าร
เชน่ Tahoma, AngsanaUPC, AngsanaNew, CordiaUPC และ Cordia New มาใชไ้ ดเ้ ลย
นอกจากนเี้ ราสามารถติดตงั้ ตวั อกั ษรภาษาไทยเพ่ิมเตมิ ไดโ้ ดยใหเ้ ราเตรยี มแผ่นตวั อกั ษรภาษาไทย
ใหพ้ รอ้ มกอ่ นและลงมือทาํ ดงั นี้
1. ดบั เบิลคลิกไอคอน Fonts ในหนา้ ต่าง Control Panel
2. เลือกคาํ ส่งั File-> Install New Font เพ่อื เขา้ สหู่ นา้ ต่าง Add Fonts
3. เลอื กไดรวแ์ ละโฟลเดอรท์ ่เี ก็บตวั อกั ษรภาษาไทยท่เี ราตอ้ งการติดตงั้
4. คลิกเมาสป์ ่มุ Select All เพ่อื เลอื กตดิ ตงั้ ตวั อกั ษรภาษาไทยทง้ั หมด
5. คลิกเมาสใ์ หม้ ีเครื่องหมายถกู เกิดขนึ้ หนา้ คาํ ส่งั Copy fonts to Fonts Folder เพ่อื
คดั ลอกตวั อกั ษรท่ตี อ้ งการติดตงั้
6. คลกิ เมาส์ Install เพ่อื เรม่ิ การตดิ ตงั้ ตวั อกั ษรภาษาไทย