1. ใบความรู้ที่ 6 เรื่อง การสร้างตัวอักษรลงในภาพ
นักเรียนทราบไหมครับว่า ตัวอักษรสวยๆใน Photoshop นั้นมีวิธีการสร้างอย่างไร
เราจะได้เรียนรู้เกี่ยวกับ
รู้จักตัวอักษร
ในการสร้างสรรค์งานออกแบบสื่อสิ่งพิมพ์ต่าง ๆ เช่น การทาโปสเตอร์ โบรชัวร์ และใบปลิวนั้น
การใช้ตัวอักษรหรือคาบรรยายประกอบภาพนั้นมีส่วนสาคัญที่จะสื่อให้ผู้อ่านเข้าใจว่าโฆษณาชิ้นนี้ต้องการ
ให้ผู้อ่านรับรู้ข่าวสารอะไรบ้าง การเลือกข้อความที่เหมาะสม ลักษณะฟอนต์ที่ใช้ และความสวยงามของ
ตัวอักษรก็จะเป็นส่วนสาคัญที่จะช่วยให้ผลงานดูดีขึ้น ดัง รูปตัวอย่างจะสังเกตได้ว่าเมื่อมีข้อความ
ประกอบก็จะทาให้ภาพสื่อความหมายได้ชัดเจนขึ้น
เอกสารประกอบการจัดการเรียนรู้วิชา เทคโนโลยีและสื่อประสม ม.6โรงเรียนศรีสวัสดิ์วิทยาคาร
หน้า1

2. การใช้งานโปรแกรม Photoshop นั้นสามารถแบ่งการใช้งานตัวอักษรได้ 2 ลักษณะ คือ
1. ตัวอักษรแบบปรับขนาดได้ (Outline Type)
มีลักษณะการทางานในรูปแบบของเวคเตอร์ กล่าวคือ มีการแทนส่วนต่าง ๆ ของตัวอักษรด้วย
สมการทางคณิตศาสตร์ ทาให้ตัวอักษรมีความคมชัดมากแม้มีการย่อหรือขยายตัวอักษรหลายๆครั้งก็ยัง
คมชัดอยู่
ตัวอักษรแบบ (Outline Type) สามารถแก้ไขได้ตลอดเวลา ทั้งข้อความ ขนาดและการปรับเปลี่ยนสี
แต่มี ข้อเสียก็คือสามารถแต่งตัวอักษรได้น้อย
2. ตัวอักษรแบบขยายตายตัว (Bitmap Type)
เป็นตัวอักษรที่เกิดจากจุดเล็ก ๆ เรียงต่อกัน (Pixel) เมื่อมีการย่อหรือขยายบ่อย ๆ จะทาให้เกิดรอย
หยักบริเวณขอบของตัวอักษร ตัวอักษรที่ได้จึงดูไม่คมชัดเท่าตัวอักษรแบบปรับขนาดได้
ตัวอักษรแบบขนาดตายตัวนี้จะมีคุณสมบัติเหมือนกับภาพจึงสามารถตกแต่งได้หลายวิธีตาม
ต้องการ แต่มี ข้อเสียคือ เราไม่สามารถแก้ไขข้อความได้
ความแตกต่างระหว่างตัวอักษรทั้ง 2 แบบ เมื่อขยายขนาดภาพ 200%
เอกสารประกอบการจัดการเรียนรู้วิชา เทคโนโลยีและสื่อประสม ม.6โรงเรียนศรีสวัสดิ์วิทยาคาร
หน้า2

3. การใช้งาน Type Tool
เครื่องมือสาหรับสร้างตัวอักษรในโปรแกรม Photoshop นั้นมีอยู่ทั้งหมด 4 รูปแบบด้วยกัน โดยเรา
สามารถแบ่งตามลักษณะการใช้งานได้ดังนี้
การใช้งานตัวอักษรปรับขนาดได้ (Outline Type)
ตัวอักษรแบบ (Outline Type) เป็นตัวอักษรในรูปแบบของเวคเตอร์ เมื่อเราสร้างตัวอักษรโปรแกรม
Photoshop จะสร้างเลเยอร์ขึ้นมาใหม่หนึ่งเลเยอร์ซึ่งบรรจุเพียงตัวอักษรหรือข้อความเท่านั้น โดยเราเรียกเล
เยอร์ดังกล่าวว่า “Type Layer”
ตัวอักษรแบบปรับขนาดได้ (Outline Type) ใช้ได้ภาพบางชนิดเท่านั้น เนื่องจากการใช้ตัวอักษร
แบบปรับขนาดได้นั้นจะมีการสร้าง Type Layer ขึ้นมา เราจึงไม่สามารถพิมพ์ตัวอักษรแบบนี้ลงบนภาพใน
โหมด Multichannel, Bitmap,หรือ Indexed Color ได้
 การสังเกตว่าฟอนต์ใดสามารถใช้งานภาษาไทยได้ เราสามารถดูจากตัวอักษรขึ้นต้น ได้แก่
- DB, JS , DS, Ps, PSL
 การใช้งานตัวอักษรแบบแนวนอน (Horizontal type Tool)
เอกสารประกอบการจัดการเรียนรู้วิชา เทคโนโลยีและสื่อประสม ม.6โรงเรียนศรีสวัสดิ์วิทยาคาร
หน้า3

4. การเพิ่มสีสันให้กับตัวอักษร
 ตกแต่งตัวอักษรให้สวยด้วย Layer Style
Layer Style เป็นการกาหนดลักษณะพิเศษ (Effect) ให้กับเลเยอร์เพื่อเพิ่มความสวยงามและ
ลูกเล่นต่าง ๆ ให้กับหรือข้อความที่บรรจุอยู่ในเลเยอร์นั้น ๆ เช่น การใช้เงา การเพิ่มเส้นขอบ และการทา
ตัวอักษรนูน เป็นต้น ซึ่งเราสามารถปรับเปลี่ยนและแก้ไขลักษณะของสไลต์ได้ตามต้องการ
ตัวอย่างการใช้ Layer Style ในรูปแบบต่าง ๆ
เอกสารประกอบการจัดการเรียนรู้วิชา เทคโนโลยีและสื่อประสม ม.6โรงเรียนศรีสวัสดิ์วิทยาคาร
หน้า4

5. การตกแต่งตัวอักษรด้วยพาเลทสไตล์ (Style Palette)
 การตกแต่งตัวอักษรด้วยพาเลทสไตล์ (Style Palette)
พาเลทสไตท์ คือ พาเลทที่รวบรวมลักษณะพิเศษของลักษณะการใช้งาน Layer Style ใน
รูปแบบต่าง ๆ ที่โปรแกรม Photoshop กาหนดไว้ ซึ่งเราสามารถคลิกเลือกใช้ได้ตามความต้องการ
นอกจากนี้เรายังสามารถปรับแต่งแก้ไขลักษณะ Style ได้อีกด้วย
เอกสารประกอบการจัดการเรียนรู้วิชา เทคโนโลยีและสื่อประสม ม.6โรงเรียนศรีสวัสดิ์วิทยาคาร
หน้า5

6. การปรับแต่งตัวอักษรโค้งแบบต่าง ๆ ด้วย Warp Text
 การปรับแต่งตัวอักษรโค้งแบบต่าง ๆ ด้วย Warp Text
โปรแกรม Photoshop มีความสามารถในการปรับข้อความให้มีลักษณะอื่น ๆ เช่น บิดเบี้ยว โค้งงอ
หรือลักษณะเป็นคลื่นโดยการใช้งานคาสั่ง Warp Text
เมื่อคลิกปุ่ม
จะปรากฏ Dialog สาหรับกาหนดค่าเพื่อปรับแต่งรูปทรงของข้อความ
ตัวอย่าง Warp Text
เอกสารประกอบการจัดการเรียนรู้วิชา เทคโนโลยีและสื่อประสม ม.6โรงเรียนศรีสวัสดิ์วิทยาคาร
หน้า6

7. การใช้งานตัวอักษรแบบบทความ (Paragraph)
 การใช้งานตัวอักษรแบบบทความ (Paragraph)
นอกจากการใช้งานตัวอักษรแบบข้อความแล้ว ในการทางานมักมีการใช้งานตัวอักษรแบบบทความ
เข้ามาร่วมด้วย เพื่อให้เราสามารถถ่ายทอดเรื่องราวต่าง ๆ และเป็นส่วนอธิบายเสริมเพิ่มเติมให้ผลงานเราดู
น่าสนใจมากขึ้น
การใช้งานตัวอักษรแบบบิตแมป (Bitmap)
 การใช้งานตัวอักษรแบบบิตแมป (Bitmap)
ในการใช้งานตัวอักษรแบบ (Bitmap) ด้วยโปรแกรม Photoshop นั้น โปรแกรมจะสร้างตัวอักษร
ขึ้นมาในรูปแบบของ Selection เราสามารถตกแต่งข้อความได้แต่ไม่สามารถแก้ไขข้อความได้เหมือนกับ
ตัวอักษรแบบ Outline Type และตัวอักษรที่ได้นั้นจะอยู่ในรูปของภาพแบบบิตแมป
เอกสารประกอบการจัดการเรียนรู้วิชา เทคโนโลยีและสื่อประสม ม.6โรงเรียนศรีสวัสดิ์วิทยาคาร
หน้า7

8. เว็บไซต์ดาวน์โหลดตัวอักษร
 www.fontsplanet.com/main/
 www.f0nt.com/download/
 www.myfonts.com/
 www.1001freefonts.com/
เอกสารประกอบการจัดการเรียนรู้วิชา เทคโนโลยีและสื่อประสม ม.6โรงเรียนศรีสวัสดิ์วิทยาคาร
หน้า8