แบบทดสอบหลังเรียน หน่วยการเรียนรู้ที่ 6

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟิก รหสั 2204-2105 หนว่ ยการเรยี นรู้ที่ 6 การสรา้ งตวั อกั ษรและขอ้ ความ สาระสาคญั ภาพมีความสวยงามแสดงถึงการสอื่ ความหมายได้หลากหลายชัดเจนและการประชาสมั พันธ์ขอ้ มลู ขา่ วสารเพ่ือดงึ ดดู ความสนใจเพิ่มความชดั เจน สอ่ื ความหมายให้ถูกต้องมากทสี่ ดุ เช่นการสรา้ งข้อความ โดยข้อความเหล่านน้ั สามารถตกแต่งเป็นรูปแบบตา่ ง ๆ เชน่ เปน็ ตัวอักษรภาพท่ีสามารถปรับแต่งแกไ้ ขได้เหมอื นกับการแก้ไขภาพ การเพิ่มแสงเงาข้อความและการกาหนดเสน้ ขอบตวั อกั ษรสามารถกาหนดรปู แบบการแสดงผลเปน็ แบบแนวนอนหรือแบบแนวตงั้ สาระการเรียนรู้ 1. รปู แบบและการสรา้ งตวั อักษรและข้อความ 1.1 ความรู้เบ้ืองต้นเกย่ี วกับประเภทของ Font Type 1.2 ลกั ษณะข้อความในโปรแกรม Adobe Photoshop 1.3 คณุ สมบัติเก่ยี วกับตวั อักษร 1.4 เคร่ืองมือสาหรับการสรา้ งตวั อกั ษร 1.5 การเปลี่ยนแนวขอ้ ความ 1.6 การบิดข้อความเปน็ รปู ร่างต่าง ๆ 2. การตกแต่งข้อความ 2.1 การสร้าง Style ใหมข่ ้อความแบบ Type Layer 2.2 การสรา้ ง Style ใหข้ ้อความ 2.3 การสรา้ งข้อความรปู แบบภาพ 2.4 การตกแต่งข้อความดว้ ย Palette Style 2.5 การสร้างข้อความลขิ สทิ ธ์ิบนภาพ 2.6 การแปลงตวั อักษรเปน็ รูปทรงแบบ Vector 3. การสร้างข้อความภายในรูปทรง 3.1 การสรา้ งข้อความในรูปทรง 3.2 การแก้ไขข้อความในรปู ทรงการสร้างตัวอกั ษรและข้อความ หน้า 150

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟิก รหสั 2204-2105จุดประสงคก์ ารเรียนรู้เม่ือศึกษาและปฏบิ ตั ิตามเอกสารประกอบการเรียน หนว่ ยการเรยี นรทู้ ่ี 6 แลว้ นกั เรียนสามารถ1. พิมพต์ วั อักษรและขอ้ ความได้ 1.1 อธิบายความรูเ้ บื้องตน้ เกี่ยวกับประเภทของ Font Type ได้ 1.2 อธบิ ายลกั ษณะข้อความในโปรแกรม Adobe Photoshop ได้ 1.3 บอกคุณสมบตั เิ กีย่ วกบั ตัวอกั ษรได้ 1.4 ใช้งานเครื่องมือสาหรับการสรา้ งตวั อักษรได้ 1.5 เปล่ียนแนวขอ้ ความได้ 1.6 บดิ ข้อความเป็นรูปร่างต่าง ๆ ได้2. ตกแตง่ ข้อความได้ 2.1 สร้าง Style ใหมข่ ้อความแบบ Type Layer ได้ 2.2 สรา้ ง Style ให้ขอ้ ความได้ 2.3 สร้างข้อความรูปแบบภาพได้ 2.4 ตกแตง่ ขอ้ ความดว้ ย Palette Style ได้ 2.5 สร้างข้อความลิขสทิ ธิ์บนภาพได้ 2.6 แปลงตวั อกั ษรเปน็ รปู ทรงแบบ Vector ได้3. สร้างขอ้ ความภายในรูปทรงได้ 3.1 สรา้ งข้อความในรูปทรงได้ 3.2 แก้ไขข้อความในรปู ทรงได้การสร้างตวั อักษรและขอ้ ความ หน้า 151

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟกิ รหัส 2204-2105 แผนภมู ิเนอ้ื หา การสรา้ งตวั อกั ษรและขอ้ ความรปู แบบและการสรา้ งตัวอักษรและ การตกแต่งข้อความขอ้ ความ 1. การสร้าง Style ใหมข่ ้อความแบบ 1. ความรู้เบ้อื งต้นเก่ียวกบั ประเภท Type Layerของ Font Type 2. การสร้าง Style ใหข้ ้อความ 3. การสร้างขอ้ ความรปู แบบภาพ 2. ลักษณะขอ้ ความในโปรแกรม 4. การตกแต่งข้อความดว้ ย PaletteAdobe Photoshop Style 3. คุณสมบตั เิ ก่ียวกับตวั อกั ษร 5. การสรา้ งขอ้ ความลขิ สิทธิบ์ นภาพ 4. เครือ่ งมือสาหรบั การสร้างตวั อักษร 6. การแปลงตัวอักษรเปน็ รปู ทรงแบบ 5. การเปล่ียนแนวขอ้ ความ 6. การบดิ ขอ้ ความเปน็ รูปรา่ งต่าง ๆ Vector การสร้างข้อความภายในรูปทรง 1. การสร้างข้อความในรูปทรง 2. การแกไ้ ขข้อความในรูปทรงการสรา้ งตัวอักษรและขอ้ ความ หน้า 152

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟกิ รหัส 2204-2105 หนว่ ยการเรยี นรู้ที่ 6 การสร้างตวั อักษรและข้อความ การออกแบบกราฟิก โดยการใชภ้ าพถ่ายและการวาดภาพ เชน่ การทาแผ่นปา้ ยโฆษณาต่าง ๆหรือโลโก้สญั ลักษณ์เพอ่ื ส่ือความหมายให้ตรงกันทวั่ โลกนน้ั สิ่งทเ่ี พิม่ ความนา่ สนใจให้กบั ภาพ เชน่การสรา้ งข้อความสวย ๆ ตกแต่งในรปู แบบต่าง ๆ ด้วยเครือ่ งมอื ในกล่มุ Type Tool ทาได้หลากหลายรูปแบบ เช่น การสร้าง Effects การบดิ ข้อความเปน็ รปู ทรงต่าง ๆ การทาปุ่มกดเหมือนเว็บเพจทาให้รูปแบบข้อความสวยงามและสอ่ื ความหมายให้ชดั เจนยง่ิ ข้นึ6.1 การสรา้ งตัวอกั ษร (Font) และข้อความ 6.1.1 ความรู้เบ้ืองตน้ เกย่ี วกับประเภทของ Font Type รปู แบบตัวอกั ษรมหี ลายรปู แบบซึ่งสามารถเลือกใช้ไดต้ ามความเหมาะสมกับภาพ เช่น รูปแบบอกั ษรตัวอยา่ งดังน้ี รปู ภาพ 6-1 ความร้เู บื้องต้นเก่ยี วกบั ประเภทของ Font ท่มี า : จากโปรแกรม Adobe Photoshop CS6 1. True Type มสี ญั ลักษณ์เปน็ ตัว อยูด่ า้ นหน้าของช่อื Font คือ แบบอักษรดั้งเดมิสามารถขยายขนาดให้ใหญโ่ ดยมีความคมชัดเหมอื นเดิม 2. Open Type มสี ญั ลกั ษณเ์ ป็นตัว หน้าชอ่ื ของ Font เป็นแบบอักษรที่พฒั นารว่ มกบั Adobe และ Microsoft มคี ณุ สมบัติเช่นเดียวกับ True Type แตม่ อี ักขระมากกวา่ 3. Raster Type ในโปรแกรม Adobe Photoshop CS6 จะไม่แสดงสัญลกั ษณใ์ ด ๆหนา้ แบบอักษรประเภทน้ี จากดั การทางานเฉพาะดา้ น เชน่ รูปแบบงานพิมพ์คุณภาพสูงกาหนดความคมชัดท่แี ตกต่างกัน เชน่ 12 pt หรอื 18 pt เปน็ ตน้ แต่ถ้าขยายมากกวา่ น้ี Font ก็แตกเปน็ เหลี่ยมทาให้ภาพดหู ยาบการสรา้ งตวั อกั ษรและข้อความ หน้า 153

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟิก รหัส 2204-2105 6.1.2 ลักษณะข้อความในโปรแกรม Adobe Photoshop คอื รูปแบบการจัดวางขอ้ ความและลกั ษณะขอ้ ความ ดังน้ี 1. ลักษณะของข้อความ คือ รปู แบบข้อความปกติแบง่ ออกเป็น 2 แบบ คือ ขอ้ ความปกตทิ สี่ ร้างขน้ึ มาแลว้ สามารถกาหนดสี กาหนดค่า Effects หรอื ปรบั แต่งการทางานได้เลย และข้อความแบบสรา้ งขอบเขตพ้ืนที่ แสดงโครงสรา้ งตวั อักษรเปน็ เสน้ ประเหมือนการสรา้ งขอบเขตพน้ื ที่ท่ัวไป และไม่สามารถเลือกลักษณะสหี รือแก้ไขในภายหลงั เหมือนข้อความปกติได้ แต่ต้องนาข้อความมาปรับแต่งเหมือนการแต่ง ดังรูปภาพ 6-2ข้อความแบบปกติ (Type) ข้อความแบบมาสก์ (Type Mask Tool) รูปภาพ 6-2 ลกั ษณะของข้อความ ท่ีมา : อรทัย เลศิ ขุนทด (2559) 2. แนวการจดั วางข้อความ คือ การจดั แบ่งลักษณะของข้อความตามรูปแบบการจัดวางนนั้ แบง่ ออกเป็น 2 ลักษณะ คือ Horizontal Type Tool จัดขอ้ ความแบบแนวนอนและ VerticalType Tool จัดข้อความแบบแนวตัง้ ซ่ึงสร้างได้ทัง้ แบบปกติและแบบสร้างขอบเขตพืน้ ที่ ดงั รปู ภาพ6-3 ลักษณะขอ้ ความแนวนอน ลกั ษณะข้อความแนวตงั้ รูปภาพ 6-3 แนวการจดั วางข้อความ ทม่ี า : อรทัย เลิศขุนทด (2559) 6.1.3 คุณสมบัติเกยี่ วกับตัวอกั ษร การกาหนดคุณสมบัตใิ หก้ ับอักษรและย่อหนา้ สามารถทาได้โดยกาหนดตัวเลอื กหลกั บน Option Bar ของเครอื่ งมือ Type Tools การปรับแต่งและรายละเอียด การใชพ้ าเลตแบบ Character และพาเลต Paragraph ดงั น้ีการสรา้ งตวั อกั ษรและข้อความ หนา้ 154

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟิก รหสั 2204-2105 1. Type Option คอื การกาหนดคุณสมบัติเบ้ืองต้น เชน่ เลือกแบบอกั ษร ข้อความลักษณะ ขนาด และความคมชัด เม่ือคลิกทเี่ ครื่องมือสร้างตัวอกั ษร (Type Tool) คลิกท่ีเครอ่ื งมือ จากนน้ั จะปรากฏ Type Option ดงั รปู ภาพ 6-4เลือกแบบอักษร Style ตวั อกั ษร ขนาดตัวอักษร จัดตาแหน่งขอ้ ความ อกั ษรภาษาไทย เลือกสี พ้ืนฐานท่มี ที กุ เครอ่ื ง บดิ แนวข้อความ อกั ษรภาษาไทย ตัวปกติ ท่นี ามาตดิ ตัง้ เพิม่ ตวั เอยี ง ตวั หนา ตวั หนาและเอียง รปู ภาพ 6-4 Type Option ท่มี า : จากโปรแกรม Adobe Photoshop CS6 2. Character Panel คอื แผงควบคุมสาหรับการปรับแตง่ ค่าตา่ ง ๆ เก่ยี วกับตวั อักษรเช่น รูปแบบฟอนต์ ความกวา้ ง ความสงู ช่องไฟ เป็นตน้ การเปิด Character Panel โดยเลือกคาสง่ัType > Panels > Character Panel ดงั รูปภาพ 6-5 เลอื ก Font Style ตัวอักษร ขนาด ระยะระหว่างบรรทดัช่องไฟระหวา่ งคบู่ รรทดั ชอ่ งไฟระหวา่ งตัวอกั ษร ความกว้าง (เทยี บกับปกต)ิ ปรับความสงู สีตัวอักษร ตวั ยก/ตัวห้อย ลกั ษณะตวั อกั ษรแบบตา่ ง ๆกาหนดภาษา ความคมชดั ของขอบอกั ษร รูปภาพ 6-5 Character Panel ท่ีมา : จากโปรแกรม Adobe Photoshop CS6การสร้างตวั อักษรและข้อความ หน้า 155

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟิก รหสั 2204-2105 3. Paragraph Panel คือ การปรบั แต่งย่อหน้า (ขอ้ ความหลาย ๆ บรรทดั ตอ่ เน่ือง) เชน่จดั ยอ่ หน้าซา้ ย ขวา หรือจัดเยื้องในบรรทัดแรก การเปดิ Paragraph Panel โดยเลือกคาส่งัType > Panels > Paragraph Panel ดงั รูปภาพ 6-6 จัดซา้ ยขวาใหเ้ ท่ากันแต่บรรทดั สดุ ท้ายชดิ ซ้าย จัดย่อหน้าชิดขวา จัดซ้ายขวาให้เท่ากันแต่บรรทัดสดุ ท้ายไวก้ ลาง ชดิ ย่อหน้ากงึ่ กลาง จดั ซ้ายขวาใหเ้ ทา่ กนั แต่บรรทดั สดุ ท้ายชิดขวา ชดิ ย่อหนา้ ชดิ ซา้ ย จัดให้ซ้ายขวาเท่ากันทกุ บรรทัด เยื้องด้านหน้าท้งั ยอ่ หนา้ เย้ืองย่อหน้าเฉพาะบรรทัดแรก เยอื้ งดา้ นหลงั ทง้ั ย่อหนา้ เว้นระยะด้านบนก่อนย่อหน้าเว้นตัดคาและใส่ Hyphenate ได้ เวน้ ระยะดา้ นล่างย่อหน้า รปู ภาพ 6-6 Paragraph Panel ท่ีมา : จากโปรแกรม Adobe Photoshop CS6 6.1.4 เคร่อื งมือสาหรับการสร้างตวั อกั ษร คือ การสรา้ งตัวอกั ษรและข้อความในหลายรูปแบบ เชน่ ตัวอกั ษรปกติ หรอื ตัวอกั ษรมขี อบเขตพน้ื ที่ (Selection) เพ่ือใชเ้ ลือกขอบเขตพน้ื ทภี่ าพให้เปน็ ข้อความ ดังรปู ภาพ 6-7 รปู ภาพ 6-7 เคร่อื งมือสาหรบั การสรา้ งตวั อกั ษร ท่ีมา : จากโปรแกรม Adobe Photoshop CS6การสร้างตวั อักษรและขอ้ ความ หนา้ 156

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟกิ รหัส 2204-2105 1. Horizontal Type Tool คอื เครื่องมือสาหรับสรา้ งตัวอักษรแบบมาตรฐานที่สามารถสรา้ งสรรค์งานไดห้ ลากหลายและสามารถแกไ้ ขได้ภายหลงั การสร้างตวั อกั ษรด้วยเครื่องมอื Horizontal Type Tool คือ เคร่ืองมือสาหรบั สร้างตัวอกั ษรหรือข้อความแบบแนวนอนท่ีครอบคลมุ การทางานทุก ๆ ดา้ น โดยตัวอกั ษรลักษณะน้สี ามารถย่อหรือขยายไดโ้ ดยไมส่ ญู เสยี ความคมชัด และการใชง้ านเครื่องมือนส้ี ามารถปฏบิ ัติได้ มีข้ันตอนดงั น้ี (1) สร้างไฟลภ์ าพใหม่คลิกเมนู File > New เลอื กขนาดพื้นที่การทางานตามตอ้ งการ คลิก OK (2) คลิกเครอื่ งมือ แลว้ คลกิ พื้นท่ีการทางานและพิมพข์ ้อความ คาว่า “กราฟกิ ” แบบอักษรแนวนอน รูปภาพ 6-8 การพมิ พ์อกั ษรด้วยเคร่ืองมือ Horizontal Type Tool ท่มี า : อรทยั เลิศขุนทด (2559) (3) ปรับเปล่ยี นรูปแบบข้อความ กาหนดคุณสมบตั บิ น Option Bar ดงั รูปภาพ 6-9สลบั แนวของตวั อกั ษรเปน็ แนวต้ัง กาหนดขนาดตัวอกั ษร กาหนดความคมตวั อักษร กาหนดสีหรือแนวนอนเลอื กรปู แบบอักษร เลอื กอกั ษร เลอื กแนวการจดั อักษร ตัวอักษรวารป์ แท็ก ธรรมดา ตัวหนา Warp Text รูปภาพ 6-9 ภาพปรบั เปลยี่ นรปู แบบข้อความ ท่ีมา : จากโปรแกรม Adobe Photoshop CS6การสร้างตวั อักษรและขอ้ ความ หนา้ 157

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟิก รหสั 2204-2105 2. Vertical Type Tool คือ ตวั อักษรทส่ี ามารถแก้ไขได้ภายหลัง แตต่ ัวอกั ษรจะเรยี งกนั เปน็ แนวตงั้ การพิมพ์อักษรด้วยเคร่ืองมือ Vertical Type Tool คือ เครื่องมือท่ใี ชส้ รา้ งตวั อักษรแบบแนวตง้ั ตัวอักษรลกั ษณะน้ีสามารถย่อหรอื ขยายโดยไมส่ ูญเสียความคมชดั การใชง้ านเครื่องมอื มีขัน้ ตอนดงั นี้ (1) สรา้ งไฟล์ภาพใหม่คลิกเมนู File > New เลอื กขนาดพื้นทกี่ ารทางานตามตอ้ งการคลิก OK (2) คลกิ เครื่องมือ แล้วคลิกพื้นที่การทางานและพิมพข์ ้อความ คาวา่“GRAPHIC” แบบอกั ษรแนวตง้ั รปู ภาพ 6-10 การพมิ พอ์ ักษรดว้ ยเครอื่ งมือ Vertical Type Tool ทม่ี า : อรทยั เลิศขนุ ทด (2559) 3. Horizontal Type Mask Tool เคร่ืองมือสร้างตัวอกั ษรแบบ Maskโดยตัวอกั ษรจะเป็นขอบเขตพ้ืนที่ (Selection) ทส่ี ามารถใช้งานร่วมกบั ภาพอื่น ๆ แตเ่ ปน็ ลกั ษณะแนวนอน การพิมพ์อักษรด้วยเคร่อื งมอื Horizontal Type Mask Tool คือ การสรา้ งอกั ษรแนวนอนในลักษณะการสรา้ งขอบเขตพ้นื ทส่ี ามารถเลือกพืน้ ทบี่ นภาพหรือเลอื กเครอื่ งมือHorizontal Type Mask Tool มขี ้ันตอนดงั น้ี (1) เปดิ ไฟล์ภาพที่ต้องการสร้างเปน็ ข้อความ (2) คลิกที่เครื่องมือ นาเมาส์คลิกบนภาพ แล้วพิมพ์ข้อความ คาวา่ GRAPHIC(สังเกตภาพจะมีสีจางลง)การสร้างตัวอักษรและข้อความ หนา้ 158

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟิก รหสั 2204-2105 (3) กดปุ่ม ท่ีคีย์บอรด์ แล้วคลิกท่เี คร่ืองมือ เพื่อคดั ลอกพนื้ ทข่ี ้อความแลว้ คลกิ เมาส์ซ้ายค้างไว้ท่ีข้อความ จากนั้นลากไปวางบนตาแหนง่ ทีต่ ้องการ ดังรปู ภาพ 6-11 ขอบเขตพื้นท่ีตัวอกั ษร รปู ภาพ 6-11 การพิมพ์อักษรด้วยเคร่ืองมอื Horizontal Type Mask Tool ทม่ี า : อรทยั เลศิ ขุนทด (2559) (4) หรือคลกิ เมนู Edit > Copy แล้วคลิกตาแหนง่ ที่ต้องการวางข้อความในภาพแล้วคลกิ เมนู Edit > Paste ตัวอักษรท่นี ามาวาง รปู ภาพ 6-12 วางขอ้ ความ ที่มา : อรทยั เลศิ ขุนทด (2559) (5) ตกแต่งข้อความให้ดเู ดน่ ข้ึนโดยการเตมิ สีเส้นใหก้ บั ขอ้ ความ แลว้ คลิกเมนูEdit > Stoke จะปรากฏหน้าต่าง กาหนดค่าสีเสน้ เป็นสีเหลือง และขนาดเส้นเทา่ กบั 3 px รูปภาพ 6-13 การเตมิ สเี สน้ ให้กบั ขอ้ ความ หนา้ 159 ท่มี า : จากโปรแกรม Adobe Photoshop CS6การสร้างตวั อกั ษรและข้อความ

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟิก รหัส 2204-2105 (6) คลกิ ป่มุ OK แลว้ กดปุ่ม + เพือ่ ยกเลกิ ขอบเขตพ้ืนท่ีข้อความไดข้ ้อความดังรปู ภาพ 6-14 แบบอกั ษรแนวนอนมเี สน้ ขอบสีเหลือง รูปภาพ 6-14 ยกเลิกขอบเขตพื้นท่ี ที่มา : อรทัย เลศิ ขุนทด (2559) 4. Vertical Type Mask Tool คอื เครื่องมอื สร้างตวั อกั ษรแบบ Maskสรา้ งขอบเขตพน้ื ท่เี ปน็ ตวั อักษร แตต่ วั อักษรจะเรียงกนั เป็นแนวต้งั 6.1.5 การเปลย่ี นแนวขอ้ ความ คือ การพิมพ์ขอ้ ความแนวนอนหรือแนวต้งั เรียบร้อยแล้วหากตอ้ งการเปล่ยี นแนวข้อความสามารถเปลยี่ นไดโ้ ดยคลิกปมุ่ ขั้นตอนดังนี้ 1. คลิกเคร่ืองมือ แลว้ พมิ พ์ขอ้ ความ “COM” 2. เลือกพาเลต Layer แล้วดับเบิลคลกิ ในเลเยอร์ข้อความ COM 3. กาหนดคา่ จาก Option Bar คลิกทป่ี มุ่ ข้อความเดมิ เลือก Layer ข้อความหรือดบั เบลิ คลิกการสรา้ งตัวอกั ษรและขอ้ ความ หนา้ 160

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟกิ รหสั 2204-2105คลกิ เปลีย่ นแนวขอ้ ความ ขอ้ ความทเ่ี ปลี่ยนแปลงรปู ภาพ 6-15 การเปลย่ี นแนวข้อความ ทม่ี า : อรทัย เลศิ ขนุ ทด (2559) 6.1.6 การบิดขอ้ ความเป็นรูปร่างตา่ ง ๆ คอื การพิมพต์ วั อักษรหรอื ข้อความใหม้ รี ปู แบบหลากหลายนนั้ สามารถกาหนดได้จากการกาหนดค่าบน Option Bar ของขอ้ ความ การบิดรูปร่างสาเร็จรปู ภาพกาหนดไวใ้ หผ้ ใู้ ช้โปรแกรม คือ คาส่ัง Create Warped Text ขน้ั ตอนดงั นี้ 1. พิมพ์ข้อความ “วทิ ยาลัยการอาชพี ขอนแก่น”2. คลิกปมุ่ แลว้ เลอื กรปู ทรงต่าง ๆ คลิกปุ่ม3. ปรับค่าตา่ ง ๆ ของ Warp Text4. คลิกปุ่ม OK 2เลอื กรูปทรงต่าง ๆ ขอ้ ความท่บี ิดรปู รา่ ง หน้า 161 รูปภาพ 6-16 การบิดข้อความเปน็ รูปร่างตา่ ง ๆ ทีม่ า : อรทยั เลศิ ขุนทด (2559)การสรา้ งตวั อกั ษรและข้อความ

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟิก รหัส 2204-21056.2 การตกแตง่ ขอ้ ความ การตกแตง่ ข้อความให้มีรูปแบบหลากหลาย เชน่ การใส่สเี ส้น กาหนดแสงเงา และการไล่โทนสีตัวอักษร ดังน้ี 6.2.1 การสร้าง Style ใหม่ข้อความแบบ Type Layer คอื การตกแต่งอักษรและข้อความใหส้ วยงามน่าสนใจสามารถทาไดห้ ลายวิธี โดยประยุกต์ใช้จากคาสงั่ ต่าง ๆ เช่น การตกแตง่ ขอ้ ความด้วยคาส่ัง Blending Options ข้นั ตอนดังน้ี 1. พิมพ์ข้อความคาวา่ “Photoshop” 2. คลิกปมุ่ ใน Palette Layer แล้วเลือกเมนูคาสงั่ Blending Options จะปรากฏหนา้ ต่าง Layer Style 3. หนา้ ต่าง Layer Style คาส่ัง Blending Options รายละเอียด ดงั รปู ภาพ 6-17 เลือกเมนูคาสั่ง Blending Optionsคลิกปุ่ม Add a layer style Effects ในการปรับแต่งคณุ สมบัติ รปู ภาพ 6-17 คลกิ ปมุ่ Add a layer style ทม่ี า : อรทัย เลิศขุนทด (2559)การกาหนดคา่ บน Blending Options ดงั นี้(1) Bevel and Emboss คือ ให้วตั ถุนนู ขึน้ ด้วยแสงและเงาประกอบดว้ ย Contour ตัวปรบั แต่งรูปแบบการนูนของวัตถุ Texture ตวั เติมลวดลายใหก้ บั วตั ถุ(2) Stroke คือ การใส่สเี สน้ ให้กบั วตั ถุ(3) Inner Shadow คอื การสรา้ งเงาบริเวณพน้ื ภายในการสรา้ งตวั อกั ษรและขอ้ ความ หนา้ 162

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟกิ รหสั 2204-2105(4) Inner Glow คอื การสร้างความฟุ้งกระจายด้านในของวตั ถุ(5) Satin คอื การสร้างพน้ื ผิวด้านในของวตั ถมุ ีสเ่ี หลี่ยมเปน็ เงา(6) Color Overlay คือ การเตมิ สใี หว้ ัตถุ(7) Gradient Overlay คือ การเตมิ สีแบบไลเ่ ฉดสีให้กับวตั ถุ(8) Patten Overlay คอื การเติมลวดลายให้กับวตั ถุ(9) Outer Glow คือ การสรา้ งเงาแบบฟงุ้ กระจาย(10) Drop Shadow คือ การสร้างเงาแบบตกลงพนื้4. คลกิ เมาสเ์ พ่อื ปรบั แตง่ Style ข้อความตามตอ้ งการแลว้ คลกิ ปุ่ม OK จะไดผ้ ลลพั ธ์ตามท่เี ลอื ก หรือถ้าไม่ตอ้ งการใหย้ กเลกิ คาสัง่ คลิกเมาสท์ ป่ี ุ่ม Cancelตวั อยา่ งการใช้ Layer StyleBevel and Emboss StrokeInner Shadow Inner GlowSatin Color OverlayGradient Overlay Patten OverlayOuter Glow Drop Shadow รูปภาพ 6-18 ตัวอย่างการใช้ Layer Style ทม่ี า : อรทัย เลศิ ขนุ ทด (2559)การสรา้ งตัวอกั ษรและขอ้ ความ หน้า 163

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟิก รหัส 2204-2105 6.2.2 การสรา้ ง Style ใหข้ ้อความ คือ การใส่ Style ให้กบั ข้อความตา่ ง ๆ ดังนี้ 1. การแรเงาข้อความ คอื การเน้นขอบข้อความใหเ้ ดน่ ขน้ึ โดยเลอื กรูปแบบ การแรเงาขอ้ ความ “Photoshop” เลอื กรปู แบบ Drop Shadow แล้วปรบั คา่ ตา่ ง ๆ ดงั รปู ภาพ 6-19 รูปภาพ 6-19 รูปแบบ Drop Shadow ท่ีมา : อรทยั เลศิ ขุนทด (2559) 2. การเน้นขอ้ ความดว้ ยสี คอื การเน้นขอ้ ความท่เี ปลง่ เรอื งแสงออกมา ข้อความจะเกดิประกายแสงสวา่ งข้นึ “ภาพกราฟิก” เลือกรปู แบบ Outer Glow แล้วปรับค่าตา่ ง ๆ ดงั รูปภาพ 6-20 รูปภาพ 6-20 การเน้นข้อความดว้ ยสี ทมี่ า : อรทยั เลิศขุนทด (2559) 3. การเนน้ เส้นขอบ คือ การเนน้ เส้นขอบข้อความใหโ้ ดดเด่นคมชดั มากขึน้ เลอื กรูปแบบStroke แลว้ ปรับค่าตา่ ง ๆ กาหนดค่า Size มคี า่ เพิ่มมาก ขนาดเสน้ จะมขี นาดเพ่ิมข้ึน ดงั รปู ภาพ 6-21 รปู ภาพ 6-21 การเน้นเส้นขอบ ท่มี า : อรทัย เลิศขนุ ทด (2559)การสร้างตัวอกั ษรและขอ้ ความ หน้า 164

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟิก รหัส 2204-2105 หรือหากต้องการให้เส้นขอบการไล่โทนสีแบบ Gradient ปรับคา่ ต่าง ๆ ของเส้นขอบดงั รูปภาพ 6-22 รูปภาพ 6-22 การไลโ่ ทนสีแบบ Gradient ทีม่ า : อรทัย เลิศขุนทด (2559) 4. การไลโ่ ทนสี คือ การไล่โทนสขี ้อความใหส้ วยงาม พิมพข์ ้อความ “ตัวอักษร” เลอื กรปู แบบ Gradient โดยไล่โทนสี สม้ -เหลอื ง-ส้ม แลว้ ปรับค่าตา่ ง ๆ ดงั รูปภาพ 6-23 รปู ภาพ 6-23 การไลโ่ ทนสีขอ้ ความ ท่ีมา : อรทัย เลศิ ขนุ ทด (2559) 5. ขอ้ ความสที องแวววาว คือ การใช้รปู แบบ Style Drop Shadow ใช้คาส่ังพน้ื ฐานและใส่สีจาก Gradient Overlay โดยไล่โทนสี สม้ -เหลือง แล้วกาหนดความนูนของขอ้ ความดว้ ย Bevel and Emboss ดงั รปู ภาพ 6-24การสร้างตัวอกั ษรและขอ้ ความ หนา้ 165

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟิก รหสั 2204-2105 รูปภาพ 6-24 ข้อความสที องแวววาว ทม่ี า : อรทัย เลิศขนุ ทด (2559) 6.2.3 การสรา้ งขอ้ ความรูปแบบภาพ คือ เทคนคิ การสรา้ งขอ้ ความแบบภาพที่ไดผ้ ลลัพธ์สวยงาม นารปู ภาพทต่ี ้องการมาวางซ้อนไว้เหนือขอ้ ความแล้วคลิกขวาเลอื กคาสง่ั Create ClippingMask เพ่ือสรา้ งมาสกค์ รอบภาพตามลักษณะตวั อักษรแตล่ ะตัว ขั้นตอนดังนี้ 1. คลิกเครอ่ื งมือ พิมพข์ ้อความ “ทานตะวัน” 2. คดั ลอกภาพสาหรบั การทาลวดลายให้ Layer ภาพอยดู่ า้ นบน Layer ขอ้ ความ 3. เลือก Layer ภาพแล้วคลกิ ขวาเลอื กคาส่ัง Create Clipping Mask ผลลัพธข์ ้อความเบือ้ งต้นรปู ภาพ 6-25 สรา้ งภาพลักษณะ Create Clipping Mask ท่มี า : อรทยั เลศิ ขนุ ทด (2559)การสร้างตวั อกั ษรและขอ้ ความ หนา้ 166

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟิก รหสั 2204-2105ข้อความทไี่ ดเ้ บือ้ งตน้ นามาปรับแตง่ เพิ่มเลือก Layer Style ใหข้ ้อความ ดงั รูปภาพ 6-26 เลือก Layer ข้อความ แลว้ คลกิ รูปภาพ 6-26 สรา้ งภาพลักษณะ Create Clipping Mask ทมี่ า : อรทยั เลิศขนุ ทด (2559) การปรับแต่งดว้ ย Layer Style รปู ภาพ 6-27 การปรับแตง่ ด้วย Layer Style ทมี่ า : อรทยั เลศิ ขุนทด (2559) หากภาพใหญ่กว่าข้อความให้คลกิ ลากเล่ือนตาแหนง่ ภาพบนข้อความในมมุ มองจุดอน่ื ๆของภาพ เพ่ือใหเ้ กิดมมุ มองภาพของข้อความได้หลายแบบ การยกเลิกภาพออกจากข้อความ โดยคลิกขวาบน Layer ของภาพแล้วเลือก ReleaseClipping Mask ข้อความและภาพจะเหมือนเดิม ดงั รูปภาพ 6-28 คลิกขวาเลือก Release Clipping Mask รูปภาพ 6-28 การยกเลกิ ภาพออกจากขอ้ ความ หน้า 167 ท่มี า : อรทยั เลิศขุนทด (2559)การสร้างตวั อักษรและข้อความ

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟกิ รหสั 2204-2105 6.2.4 การตกแต่งข้อความด้วย Palette Style คือรูปแบบการตกแต่งข้อความแบบ Styleสาเร็จรูปท่โี ปรแกรมกาหนดให้ สาหรับผใู้ ช้โปรแกรมที่ต้องการความรวดเร็วในการออกแบบ ดงั นี้ 1. การเลือกรปู แบบ Style คือ การกาหนดรูปแบบ Style ใหก้ ับข้อความ ข้ันตอนดังนี้ (1) พิมพ์ข้อความท่ีต้องการแล้วคลกิ Palette Style ปรากฏรูปแบบ Style เพ่ือเลือกถ้าไมต่ ้องการ Style ดังกลา่ วแตต่ อ้ งการเปลย่ี นรปู แบบ Style ใหม่คลิกปุ่ม เลือก Style (2) คลกิ เลือกรูปแบบ Style ที่ต้องการ (3) ลักษณะตัวอกั ษรท่ีได้เปดิ New Style กาหนดรปู แบบการแสดงรปู ทรง เลือกรปู แบบ Style คลกิ เพอ่ื เลือกคาสั่งจดั การกบั ชดุ รูปทรงสาเรจ็ รปู คลกิ เลอื กรปู ทรงสาเร็จรปูStyle ข้อความทเ่ี ลือก รูปภาพ 6-29 ภาพ Style ขอ้ ความ ท่ีมา : อรทัย เลศิ ขุนทด (2559) 2. การยกเลิกรปู แบบ Style คือ การยกเลิกรปู แบบ Style ท่ีใช้กับ Layer เพือ่ ให้ข้อความเปน็ ข้อความปกติที่ไมม่ กี ารใชร้ ูปแบบ Layer ข้นั ตอนดงั น้ี (1) คลิกปุ่ม No Style บน Palette Style (2) หรอื คลกิ ขวาข้อความ แล้วเลอื ก Clear Layer Style คลกิ ยกเลกิ Style รูปภาพ 6-30 การยกเลิกรูปแบบ Style หน้า 168 ทม่ี า : อรทัย เลิศขนุ ทด (2559)การสร้างตัวอักษรและข้อความ

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟิก รหสั 2204-2105 3. การยา้ ย Layer Style คอื การย้าย Style ทกี่ าหนดไวใ้ น Layer หนง่ึ ไปใช้ยงัLayer อน่ื โดยคลกิ ลาก Layer Style วางทับ Layer ตัวอย่าง ขน้ั ตอนดังนี้ (1) เลือก Layer Style (2) คลกิ นาไปวางทบั ที่ Layer อ่ืน ภาพเดิม ผลลัพธ์ รปู ภาพ 6-31 การยา้ ย Layer Style ท่มี า : อรทยั เลิศขุนทด (2559) 4. การคดั ลอกรูปแบบ Style (Copy Layer Style) คอื การใช้ Style กับ Layer หน่งึไปแลว้ ต้องการนา Style ดังกล่าวไปใชก้ บั Layer อ่ืนอีก มีขนั้ ตอนดังน้ี (1) เลอื ก Layer Style ทีต่ ้องการคัดลอก คลกิ ขวาเลอื ก Copy Layer Style (2) เลอื ก Layer ทต่ี อ้ งการวาง Layer Style แลว้ คลิกขวาเลอื ก Paste Layer Style รูปภาพ 6-32 การ Copy Layer Style หนา้ 169 ที่มา : อรทัย เลิศขนุ ทด (2559)การสรา้ งตวั อักษรและข้อความ

เอกสารประกอบการเรยี นวิชาโปรแกรมกราฟกิ รหสั 2204-2105 6.2.5 การสร้างขอ้ ความลิขสทิ ธิ์บนภาพ คอื การนาภาพถ่ายทถี่ า่ ยด้วยกลอ้ งดิจิตอลเผยแพร่ในหลาย ๆ ชอ่ งทาง ยุคสงั คมออนไลน์ เช่น Facebook, Twitter, Multiply, Web board และBlog ตา่ ง ๆ ก่อนนาภาพออกไปโพสตน์ นั้ ตอ้ งการใสข่ อ้ ความลงไปเพือ่ แจ้งถงึ ลิขสิทธขิ์ องเจา้ ของภาพเพอ่ื ป้องกนั มิให้ผู้อ่ืนนาไปใช้งาน การสร้างข้อความเหมือนการพมิ พ์ข้อความท่ัวไป ขนั้ ตอนดังน้ี 1. เปิดไฟลภ์ าพทีต่ อ้ งการสร้างลขิ สทิ ธข์ิ องเจ้าของภาพ 2. พมิ พ์ขอ้ ความในตาแหนง่ ภาพแล้วปรบั สีและขนาดข้อความตามความเหมาะสม 3. กาหนดค่าความโปร่งใส Layer ขอ้ ความให้อ่อนลง เชน่ 50% 4. เลอื กคาสัง่ Layer > Flatten Image หรือกดคีย์ + 5. บนั ทกึ ไฟล์ File > Save As หรอื File > Save for Web… รูปภาพ 6-33 การสรา้ งข้อความลขิ สทิ ธิ์บนภาพ ท่มี า : อรทยั เลิศขนุ ทด (2559) 6.2.6 การแปลงตวั อักษรเป็นรปู ทรงแบบ Vector คอื การแปลงตัวอักษรทีส่ รา้ งจากเครื่องมือ และใหก้ ลายเป็นรูปทรงแบบ Vector ทีส่ ามารถปรับแตง่ เส้น Path ได้ การสร้างตัวอักษรดงั กลา่ วข้อความจะกลายเป็นภาพ ไม่ใช่ข้อความอีกตอ่ ไป โดยสามารถแก้ไขไดเ้ หมอื นกบั การแก้ไขภาพ เชน่ การลบภาพบางสว่ น และการไล่โทนสี ขัน้ ตอนดังน้ีการสรา้ งตัวอกั ษรและข้อความ หน้า 170

เอกสารประกอบการเรียนวิชาโปรแกรมกราฟกิ รหสั 2204-2105 1. สร้างข้อความดว้ ยเคร่ืองมือ Horizontal Type Tool 2. เลือก Layer ข้อความคลิกเมาส์ขวาแลว้ เลอื กคาสง่ั Convert to Shape เพื่อแปลงตวั อักษรทงั้ หมดให้กลายเป็น Shape ดงั รปู ภาพ 6-34 รปู ภาพ 6-34 การแปลงตัวอกั ษรเปน็ รูปทรงแบบ Vector ทีม่ า : อรทยั เลิศขนุ ทด (2559) 3. คลกิ เครื่องมือ Path Selection Tool คลิก Drag เมาส์ใหล้ อ้ มรอบข้อความลกั ษณะตัวอักษรจะมจี ดุ Anchorage อยรู่ อบ ๆ ขอบตัวอักษร 4. ใช้เครื่องมือ Direct Selection Tool ปรับแตง่ จดุ Anchorage เพ่อื ดัดรูปทรงหรอื ยืดตวั อักษรได้ตามต้องการ ลักษณะตัวอกั ษรจะมี จุด Anchorage อยรู่ อบ ๆ ขอบ รปู ภาพ 6-35 การดัดรปู ทรงหรอื ยืดตวั อักษรแบบ Vector ท่มี า : อรทัย เลิศขนุ ทด (2559)การสรา้ งตัวอักษรและข้อความ หน้า 171

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟกิ รหสั 2204-21056.3 การสรา้ งข้อความภายในรปู ทรง การสร้างข้อความปกตทิ าใหข้ ้อความไมน่ ่าสนใจ ดงั นั้นการสร้างขอ้ ความภายในรูปทรงต่าง ๆเป็นอกี วธิ ีหนงึ่ ในการเพิ่มความสวยงาม โดยการสรา้ งข้อความภายในรปู ทรงน้ันมีหลายรูปแบบ เชน่การพมิ พ์ข้อความเข้ากบั เส้น Path ของรปู ทรง หรือจากการพิมพ์ในรูปทรงสาเร็จรูป รายละเอียดมีดังน้ี 6.3.1 การสร้างขอ้ ความในรปู ทรง คือ การสรา้ งข้อความให้อยู่ภายในรปู ทรงเพอื่ ใช้ออกแบบช้นิ งานไม่ว่าจะเปน็ รปู สเี่ หลี่ยมวงกลมหรอื รปู ทรงอสิ ระอนื่ ๆ สามารถทาไดข้ ั้นตอนดังน้ี 1. คลกิ เลอื กเครอ่ื งมอื Custom Shape Tool แล้วเลอื กคุณสมบัตริ ปู ทรงแบบShape Layers ดงั รูปภาพ 6-36รปู ทรงแบบ Shape Layers รูปภาพ 6-36 การเลือกคณุ สมบตั ริ ปู ทรงแบบ Shape Layers ท่ีมา : จากโปรแกรม Adobe Photoshop CS62. คลกิ เลือกรปู ทรงสาเรจ็ รูป3. คลิก Drag เมาสเ์ พ่ือวาดรูปทรงสาเรจ็ รูป4. กาหนดสหี รอื Style ตามความตอ้ งการ 5. คลิกเครื่องมอื เล่อื นเมาส์คลกิ ภายในรูปทรง สงั เกตเมาสเ์ ปน็ สัญลกั ษณ์แล้วพมิ พ์ขอ้ ความ คลกิ Drag เมาสเ์ พือ่ วาดรปู ทรง รูปภาพ 6-37 สรา้ งขอ้ ความภายในรปู ทรง หน้า 172 ทม่ี า : อรทยั เลศิ ขนุ ทด (2559)การสรา้ งตัวอักษรและขอ้ ความ

เอกสารประกอบการเรยี นวชิ าโปรแกรมกราฟกิ รหสั 2204-2105 6.3.2 การแก้ไขข้อความในรูปทรง คือ การแก้ไขข้อความ โดยการคลกิ Layer ข้อความหรอืแกไ้ ขรปู ทรงนั้นคลิกทรี่ ปู ทรง แต่รูปทรงท่วี าดเป็นเสน้ Path ต้องใช้เคร่ืองมือในกลุม่ Pen Tool เพ่อืแกไ้ ขเส้น Path เช่น เคร่ืองมือ และ และขั้นตอนดังน้ี 1. เลือก Layer ขอ้ ความ 2. คลกิ เพ่อื แกไ้ ขขอ้ ความ รูปภาพ 6-38 การแก้ไขขอ้ ความในรปู ทรง ทม่ี า : อรทัย เลิศขุนทด (2559)สรปุ สาระสาคัญ รปู แบบตวั อกั ษรมหี ลายรูปแบบ สามารถเลอื กใช้ได้ตามความเหมาะสมกับภาพ True Type มีสญั ลกั ษณ์เป็นตวั อยดู่ ้านหน้าของช่ือ Font เป็น Font แบบด้ังเดิมสามารถขยายขนาดให้ใหญ่โดยมคี วามคมชดั เหมือนเดิม Open Type มีสัญลักษณเ์ ป็นตัว หน้าชือ่ Font คอื Font ทพ่ี ฒั นาร่วมกบั Adobe และ Microsoft มคี ณุ สมบัตเิ ช่นเดียวกับ True Type แตม่ อี ักขระมากกวา่ RasterType ไม่มีสญั ลักษณห์ น้าช่ือ Font จากัดการทางานเฉพาะด้าน เชน่ รปู แบบงานพิมพค์ ุณภาพสูงเครื่องมือสาหรับการสรา้ งตวั อักษร คอื การสร้างตวั อักษรและข้อความในรูปแบบต่าง ๆ เช่นHorizontal Type Tool คอื เครือ่ งมือสาหรับสร้างตัวอักษรแบบมาตรฐาน Vertical Type Tool คือตวั อักษรทสี่ ามารถแก้ไขไดภ้ ายหลัง แต่ตวั อกั ษรจะเรียงกันเปน็ แนวตั้ง Horizontal Type Tool คอืเครอื่ งมือสร้างตัวอกั ษรแบบ Mask โดยตัวอกั ษรเปน็ ขอบเขตพ้นื ท่ีมสี ามารถใชง้ านร่วมกับภาพอื่น ๆแต่เป็นลักษณะแนวนอน Vertical Type Mask Tool คือ เครือ่ งมือสรา้ งตัวอกั ษรแบบ Mask แต่ตวั อักษรจะเรียงกันเปน็ แบบแนวตงั้ การตกแต่งข้อความให้มีรูปแบบหลากหลาย เช่น การใสส่ เี สน้กาหนดแสงเงา และการไลโ่ ทนสีตวั อกั ษร ข้อความท่ีสร้างเสรจ็ เรียบร้อยแลว้ จะสามารถตกแต่งข้อความแบบ Layer เพื่อกาหนดรปู แบบให้สวยงามเหมาะสมหรอื จะสร้างจากรูปแบบสาเร็จรปูการสร้างตัวอักษรและข้อความ หน้า 173

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟิก รหัส 2204-2105 แบบฝึกหัดทา้ ยหนว่ ยการเรียนรู้ที่ 6 เรอ่ื ง การสร้างตัวอักษรและข้อความคาสง่ั จงตอบคาถามตอ่ ไปน้ใี หส้ มบูรณท์ ่ีสดุ 1. ประเภทของ Font Type มกี ่ปี ระเภท อธิบาย................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................ 2. จงอธบิ ายค่าต่าง ๆ บน Blending Options 2.1 Drop Shadow ….................................................................................................... 2.2 Inner Shadow ….................................................................................................... 2.3 Outer Glow ………………………………………………………………………………………………. 2.4 Inner Glow ……………………………………………………………………………………………….. 2.5 Bevel and Emboss …………………………………………………………………………………… 2.6 Satin …………………………………………………………………………………………………………. 2.7 Color Overlay ………………………………………………………………………………………….. 2.8 Gradient Overlay ……………………………………………………………………………………… 2.9 Patten Overlay ………………………………………………………………………………………… 2.10 Stroke …………………………………………………………………………………………………….. 3. จงอธบิ ายวธิ ีการสรา้ งขอ้ ความในรปู ทรง.............................................................................................................................................................................................................................................................................................................. ..................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................การสร้างตัวอกั ษรและข้อความ หน้า 174

เอกสารประกอบการเรียนวชิ าโปรแกรมกราฟกิ รหัส 2204-2105 ใบงานทา้ ยหนว่ ยการเรียนรู้ที่ 6 เร่ือง การสร้างตวั อกั ษรและข้อความจุดประสงค์ 1. พิมพ์ตวั อกั ษรและข้อความได้ 2. ตกแต่งข้อความได้ 3. สรา้ งข้อความภายในรูปทรงได้ขัน้ ตอนการปฏบิ ัตงิ าน 1. แบง่ นกั เรยี นออกเปน็ กลุ่ม กลุ่มละ 2 คน ศกึ ษาเอกสารประกอบการเรยี น 2. ชมการสาธิตแนะนาการใช้โปรแกรม Adobe Photoshop โดยครูผูส้ อน 3. นกั เรยี นฝกึ ปฏิบัติตามหัวขอ้ ทมี่ อบหมายคาช้แี จง จงปฏิบตั ิตามคาสงั่ ต่อไปน้ีใหส้ มบรู ณ์1. ข้อกาหนดในการสร้างไฟลภ์ าพ การต้งั ค่าพนื้ ทีก่ ารทางานไฟลภ์ าพ มดี งั ต่อไปนี้ขนาดพน้ื ทก่ี ารทางานไฟลภ์ าพ กว้าง 21 cm สงู 29 cmความละเอียดของภาพ (Resolution) 150 pixelsโหมดสีภาพ RGBพ้ืนหลัง White2. ออกแบบปกแฟม้ สะสมผลงาน แล้วบันทกึ ไฟล์ชอื่ “ใบงานหนว่ ยท่6ี .jpg”โดยมีรายละเอียด ดังน้ี2.1 ออกแบบพ้ืนหลงั โดยการใช้เครื่องมือหลากหลาย2.2 พมิ พข์ อ้ ความแบบ Horizontal Type Tool หรอื Vertical Type Tool2.3 ตกแต่งข้อความด้วยพาเลต Type Layer2.4 กาหนดคุณสมบตั ขิ อ้ ความดว้ ยคาสง่ั Blending Options2.5 จัดวางภาพประกอบตามท่ีนักเรียนชอบให้มีหลาย Layer รูปภาพประกอบสามารถสบื คน้ จากระบบ Internet2.6 ตกแตง่ ข้อความด้วยพาเลต Style2.7 สรา้ งขอ้ ความภายในรูปทรงตามความเหมาะสมการสรา้ งตัวอักษรและขอ้ ความ หน้า 175