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

การสร้ างข้ อความตกแต่ งภาพ การสร้ างงานกราฟิ กนอกจากจะเป็นการนาภาพหลายๆ ภาพมาตกแต่งเป็นเรื่องราวแล้ว เรายงัสามารถใสข่ ้อความประกอบการนาเสนอนนั้ ได้ด้วย ซง่ึ เนือ้ หาในบทนีเ้ราจะกลา่ วกนั ถึงเร่ืองการใสต่ วั อกั ษรลงไปในภาพ โดยใช้คาสง่ั ในตระกลู Type Tool และปรับแตง่ ตวั อกั ษรและข้อความตา่ งๆ4.1 รู้จักกับประเภทตัวอักษร ตวั อกั ษรที่ใช้ในโปรแกรมกราฟิก โดยทว่ั ไปแบง่ ออกเป็น 2 ประเภท คอืแบบเวกเตอร์ (Vector) ตวั อกั ษรแบบเวกเตอร์ จะเกิดจากการลากเส้นตรง เส้นโค้งที่คานวณด้วยสมการทางคณิตศาสตร์จากจดุ หนงึ่ ไปยงั อีกจดุ หนงึ่ ตอ่ เน่ืองจนเกิดเป็นภาพหรือตวั อกั ษร ตวั อักษรแบบเวกเตอร์จะไม่มีปัญหาเร่ืองของรอยแตกบนขอบตวั อักษร เมื่อการการย่อ/ขยายตวั อักษรมากๆ จึงเหมาะสาหรับมาใช้ในงานสิ่งพิมพ์ และงานศิลป์ อย่างไรก็ตาม ตวั อักษรนีจ้ ะนาไปตกแตง่ เอฟเฟ็กต์โดยใช้ฟิตเตอร์ไมไ่ ด้แบบบติ แมพ (Bitmap) ตวั อักษรแบบบิตแมพ จะเกิดจากการเรียงช่องสีเป็นตารางเพ่ือสร้ างภาพ หรือตวั อักษร ทาให้สะดวกในการประมวลผลเร่ืองสี โดยเฉพาะอยา่ งยิง่ การลงสีและการตกแตง่ ภาพ ฉะนนั้ ข้อดีของอกั ษรแบบบติ แมพ คอื สามารถใช้กบั การใสเ่ อฟเฟ็ กต์และฟิ ลเตอร์ ในขณะที่ข้อเสีย คือ เม่ือมีการขยายจะทกให้ช่องสีขยายใหญ่เกินไปจนเหน็ ตวั อกั ษรแตกเป็นชอ่ งเหลี่ยมๆจากข้อดีและข้อเสียของตัวอักษรแบบเวกเตอร์ และบิตแมพท่ผี ่านมาเราสรุปได้ดังนีค้ ือ ตัวอักษรแบบเวกเตอร์ ตัวอักษรแบบบติ แมพ1. ปรับเปลี่ยนขนาดได้ตามใจชอบขอบภาพไมแ่ ตก 1. ปรับเปลี่ยนขนาดภาพจะแตก2. แก้ไขข้อความได้ง่าย 2. แก้ไขข้อความยาก หรือแก้ไขไมไ่ ด้3. การปรับแตง่ สี และลกู เลน่ ทาได้น้อยมาก 3. การปรับแตง่ สี และลกู เลน่ ทาได้มาก4.2 เคร่ืองมือในการสร้างตวั อักษร เราสามารถสร้างข้อความได้ โดยใช้คาสง่ั Type Toolซงึ่ มีลกั ษณะการใช้งานที่แตกตา่ งกนั ไป 4 รูปแบบ ดงั นี ้ครูมาโนช พรามพิทกั ษ์ | โรงเรียนบางกระทมุ่ พทิ ยาคม สพม.39

เคร่ืองมือ คุณสมบัติ ประเภทHorizontal Type Tool พมิ พ์ตวั อกั ษรในแนวนอน เวกเตอร์Vertical Type Tool พมิ พ์ตวั อกั ษรในแนวตงั้ เวกเตอร์Horizontal Type Mask Tool เลือกพืน้ ที่เป็นตวั อกั ษรในแนวนอน บติ แมพVertical Type Mask Tool เลือกพืน้ ท่ีเป็นตวั อกั ษรในแนวตงั้ บติ แมพปรับรูปแบบ สี ขนาดและรายละเอียด่างๆ เก่ียวกับตัวอักษรในออปช่ันบาร์ ดังนี้ รูปแบบตวั อกั ษร ขนาดตวั อกั ษร ปรับแตง่ ตวั อกั ษรให้เรียบ สีตวั อกั ษร เรียกพาเนล characterสลบั โหมดการพิมพ์ ลกั ษณะตวั อกั ษร การวางตาแหนง่ ตวั อกั ษร ดดั ตวั อกั ษรให้โค้งในแนวนอนแนวตงั ้4.3 การสร้างตวั อักษรแบบเวกเตอร์ตวั อกั ษรแบบเวกเตอร์ เหมาะสาหรับการนาเสนอข้อความที่มีความคมชดั และมีสีสนั เรียบงา่ ยเพราะตวั อกั ษรแบบเวกเตอร์ไมส่ ามารถใสเ่ อฟเฟ็กตไ์ ด้มากนกัตวั อกั ษรแบบเวกเตอร์ มีอยู 2 แบบ คอื Point type และ Paragraph Type ซง่ึ ตา่ งกนั ตรงที่Point Type จะเป็นข้อความช่ือเร่ือง สว่ น Paragraph ตวั อกั ษรแบบ Point TypeType จะเป็นข้อความเนือ้ เร่ืองที่มีหลายบรรทดั หรือลกั ษณะเป็นยอ่ หน้าสร้างตัวอักษรแบบ Point Type ตวั อกั ษรแบบ Paragraph Type1. คลิกเมาส์เลือก Horizontal Type Tool เพ่ือสร้างข้อความในแนวนอน หรือ Vertical Type Tool เพื่อสร้างข้อความในแนวตงั้2. ในออปชนั่ บาร์ ให้เรากาหนดรูปแบบตวั อกั ษร3. กาหนดลกั ษณะของตวั อกั ษร ได้แก่ ตวั หนา ตวั เอียง หรือตวั ปกติ4. กาหนดขนาดตวั อกั ษร5. คลกิ เมาส์ลงไปในชนิ ้ งานและพมิ พ์ข้อความที่ต้องการ6. คลิกเมาส์ป่มุ เพื่อยืนยนั ใช้ข้อความท่ีเราได้สร้างเอาไว้นี ้ ครูมาโนช พรามพทิ กั ษ์ | โรงเรียนบางกระทมุ่ พทิ ยาคม สพม.39

สร้างตัวอักษรแบบ Paragraph Type 1. คลิกเมาส์เลือก Horizontal Type Tool เพื่อสร้างข้อความในแนวนอน หรือ Vertical Type Tool เพื่อสร้างข้อความในแนวตงั้ 2. ลากเมาส์เป็นพืน้ ท่ีกรอบสี่เหลี่ยมเพ่ือกาหนดเป็นบริเวณใสข่ ้อความ 3. ในออปชน่ั บาร์ ให้เรากาหนดรูปแบบของตวั อกั ษร 4. พมิ พ์ข้อความที่ต้องการลงในพืน้ ที่วา่ งในกรอบสี่เหล่ียมนนั้ 5. คลิกเมาส์ป่มุ เพ่ือยืนยนั ใช้ข้อความท่ีเราได้สร้างเอาไว้นี ้ 6. แสดงข้อความในลกั ษณะของ Paragraph ตามท่ีเราต้องการ4.4 การสร้างตัวอักษรแบบบติ แมพ เราสามารถเลือกพืน้ ที่เป็นรูปตวั อกั ษรได้ โดยใช้ Horizontal Type Mask Tool เพ่ือสร้างขอบเขตตวั อกั ษรในแนวนอน และ Vertical Type Mask Tool เพ่ือสร้างขอบเขตตวั อกั ษรในแนวตงั้ จากนนั้ เราสารถเทสี ใสส่ ี หรือตดั พืน้ ท่ีภาพให้อยภู่ ายใต้ในขอบเขตของข้อความ เพื่อนาไปใช้ตกแตง่ ภาพได้ตามต้องการ1คลกิ เลอื ก Horizontal Type Mask Tool2 เลอื กรูปแบบและขนาดตวั อกั ษร 3 พมิ พ์เพ่ือเลอื กพนื ้ ทีต่ วั อกั ษร5 เลอื กสโี ฟร์กราวนด์เป็นสแี ดงและแบ็คกราวนด์เป็นสีเหลอื ง 4 คลิกเมาส์ใช้ข้อความท่เี ลอื กไว้ 6 ใช้ Gradient Tool ไลเ่ ฉดสีตวั อย่างการตกแต่งขอบเขตตวั อักษรเพ่มิ เตมิใช้ Gradient Tool ไลเ่ ฉดสี ใช้ Brush Tool ระบายสีที่ต้องการใช้ Paint Bucket Tool เตมิ สี ใช้คาสง่ั Edit > Stroke เตมิ เส้นขอบ ครูมาโนช พรามพทิ กั ษ์ | โรงเรียนบางกระทมุ่ พทิ ยาคม สพม.39

ตดั ลวดลายภาพเป็ นรูปทรงตวั อักษร เราจะเลือกพืน้ ท่ีเป็นข้อความจากภาพ จากนนั้ ใช้ Move Tool ดงึ พืน้ ที่ที่เลือกออกมาเป็นตวั อกั ษรที่มีพืน้ เป็นภาพ 1 ใช้ Horizontal Type Mask Tool พมิ พ์เพ่ือเลือกพนื ้ ที่เป็นตวั อกั ษร 2 ใช้ Move Tool ตดั ภาพจากพนื ้ ที่ที่เลอื กเป็นข้อความไปใช้งาน ครูมาโนช พรามพิทกั ษ์ | โรงเรียนบางกระทมุ่ พิทยาคม สพม.39

ใบงานท่ี 5 การสร้างข้อความตกแต่งภาพคาส่ัง ให้นักเรียนสร้างข้อความเพ่อื ตกแต่งภาพชนิ้ งานดังรูป 1. สร้างข้อความแบบเวกเตอร์ภาพต้นฉบบั พิมพ์ข้อความใสเ่ อฟเฟ็กต์สร้าง2. สร้างข้อความแบบบิตแมพ (ให้นกั เรียนเลือกปฏิบตั ิ 2 แบบ โดยข้อความเป็นช่ือ-นามสกลุ ภาษาองั กฤษของนกั เรียน)ใช้ Gradient Tool ไลเ่ ฉดสี ใช้ Brush Tool ระบายสีที่ต้องการใช้ Paint Bucket Tool เตมิ สี ใช้คาสง่ั Edit > Stroke เตมิ เส้นขอบ ครูมาโนช พรามพทิ กั ษ์ | โรงเรียนบางกระทมุ่ พทิ ยาคม สพม.39

แบบทดสอบท่ี 4 การสร้างข้อความตกแต่งภาพคาชีแ้ จง ให้นักเรียนเลือกคาตอบท่ถี กู ต้องจากแบบทดสอบท่ีกาหนดให้ 1. ข้อใด ไม่ใช่ ข้อดีของตัวอักษรแบบเวกเตอร์ ก. เปล่ียนขนาดได้ตามใจชอบภาพไมแ่ ตก ข. แก้ไขข้อความได้ง่าย ค. ประแตง่ สีและลกู เลน่ ได้มากไมจ่ ากดั ง. ไมม่ ีข้อใดถกู 2. ข้อใดคือเคร่ืองมือสาหรับเลือกพืน้ ท่เี ป็ นตัวอักษรในแนวตงั้ ก. Horizontal Type Tool ข. Vertical Type Tool ค. Horizontal Type Mask Tool ง. Vertical Type Mask Tool 3. ข้ดใดคือการจัดงาข้อความชิดขอบขวาเตม็ บรรทดั ก. ข. ค. ง. 4. ข้อใดคือการกาหนดระยะห่างระหว่างบรรทดั ก. Leading ข. Kerning ค. Tracking ง. Baseline 5. ข้อใดคือการแสดงตวั อักษรให้ดเู รียบขึน้ ก. Sharp ข. Crisp ค. Strong ง. Smooth 6. ข้อใดคือการจัดวางตาแหน่งแบบกัน้ หลัง ก. ข. ค. ง. ครูมาโนช พรามพิทกั ษ์ | โรงเรียนบางกระทมุ่ พทิ ยาคม สพม.39

7. ข้อใดคือการปรับแต่งลักษณะตวั อักษรเป็ นตัวพมิ พ์ใหญ่ ก. ข. ค. ง.8. จากภาพเป็ นการตกแต่งตัวอักษรด้วยเคร่ืองมือหรือคาส่ังในข้อใด ก. เคร่ืองมือ Gradient Tool ข. เครื่องมือ Brush Tool ค. เครื่องมือ Paint Bucket Tool ง. คาสง่ั Edit > Stroke A BC D9. จากภาพข้อใดคือส่วนท่ใี ช้ปรับแต่งให้การดัดข้อความให้โค้ง ก. สว่ น A ข. สว่ น B ค. สว่ น C ง. สว่ น D10. จากภาพข้อใดเป็ นการเรียกพาเนล Character และ Paragraph ก. สว่ น A ข. สว่ น B ค. สว่ น C ง. สว่ น Dครูมาโนช พรามพิทกั ษ์ | โรงเรียนบางกระทมุ่ พิทยาคม สพม.39