คู่มือครู หน่วยที่ 3

ชุดการสอนที่ 3 เรอื่ ง การพมิ พข์ ้อความและการใชเ้ ครื่องมอื ตา่ ง ๆ ออกแบบภาพอัญชลีพร ลาบุญวิทยาลยั อาชีวศึกษาพิษณโุ ลก

1 คมู่ อื ครู ชดุ การสอนท่ี 3 เร่ือง การพมิ พ์ข้อความและการใชเ้ ครื่องมือตา่ ง ๆ ออกแบบภาพ คาช้ีแจง ชดุ การสอน เร่ือง การพมิ พ์ข้อความและการใช้เครื่องมือตา่ ง ๆ ออกแบบภาพตอ้ งการให้ผูเ้ รยี นศึกษาเกี่ยวกบั การสร้างตวั อกั ษร และข้อความ การตกแต่งข้อความเครื่องมือการระบายสี การสร้างรปู ทรงตา่ ง ๆ1. จดุ ประสงค์ทั่วไป 1.1 รแู้ ละเขา้ ใจการสร้างตัวอกั ษร (Font) และข้อความ 1.2 รแู้ ละเข้าใจการตกแตง่ ข้อความ 1.3 รู้และเข้าใจเครื่องมือการระบายสี 1.4 รแู้ ละเข้าใจการสร้างรปู ทรงต่าง ๆ2. จุดประสงค์เชิงพฤติกรรม เมอื่ ผเู้ รียนเรียนเร่ืองการพมิ พ์ข้อความและการใชเ้ ครอ่ื งมือต่าง ๆ ออกแบบภาพแล้วสามารถ 2.1 สร้างตัวอักษร (Font) และข้อความได้ 2.2 ตกแตง่ ข้อความได้ 2.3 ใช้เครื่องมือการระบายสีได้ 2.4 สรา้ งรปู ทรงตา่ ง ๆได้3. สว่ นประกอบของชุดการสอนที่ 3 เร่ือง การพมิ พ์ขอ้ ความและการใช้เครื่องมอื ตา่ ง ๆ ออกแบบภาพ มดี งั น้ี 3.1 คมู่ อื ครูชุดการสอนที่ 3 เรื่อง การพิมพข์ ้อความและการใช้เคร่ืองมือต่าง ๆ ออกแบบภาพ 3.2 โครงการสอนท่ี 3 เร่ือง การพิมพ์ข้อความและการใช้เคร่ืองมือต่าง ๆ ออกแบบภาพ 3.3 เอกสารประกอบการสอน เรื่อง การพิมพข์ ้อความและการใชเ้ คร่ืองมือตา่ ง ๆออกแบบภาพ 3.5 ใบงานการพมิ พข์ ้อความและการใชเ้ ครื่องมือต่าง ๆ ออกแบบภาพ ชดุ การสอนท่ี 3 เรอื่ ง การพิมพ์ข้อความและการใชเ้ ครื่องมอื ต่าง ๆ ออกแบบภาพ

2 3.6 แบบฝกึ หัดเร่ือง การพมิ พข์ อ้ ความและการใช้เคร่ืองมือตา่ ง ๆ ออกแบบภาพ 3.7 แบบสังเกตพฤติกรรมระหวา่ งเรียนและการปฏบิ ตั งิ าน 3.8 แบบทดสอบก่อนเรียนและหลังเรยี นชุดการสอนท่ี 3 การพิมพข์ อ้ ความและการใช้เครื่องมือตา่ ง ๆ ออกแบบภาพ 3.9 แบบทดสอบวัดผลสัมฤทธทิ์ างการเรยี นชุดการสอนท่ี 3 การพมิ พข์ ้อความและการใช้เคร่ืองมือตา่ ง ๆ ออกแบบภาพ 3.10 ส่ือประกอบการสอน เรือ่ ง การพมิ พข์ ้อความและการใช้เคร่ืองมือต่าง ๆ ออกแบบภาพ4. เวลาทีใ่ ช้ ใช้เวลาทใ่ี ช้ในการสอน 4 ช่ัวโมง5. การเตรียมการลว่ งหน้า สิ่งที่ครูตอ้ งเตรยี มลว่ งหนา้ มีดังนี้ 5.1 ศกึ ษาคู่มือครแู ละแผนการสอนท่ี 3 เร่ือง การพิมพข์ ้อความและการใช้เครื่องมือตา่ ง ๆออกแบบภาพ 5.2 กิจกรรมเสริมการเรียนรู้ เรื่อง การพมิ พข์ ้อความและการใชเ้ ครื่องมือตา่ ง ๆ ออกแบบภาพ 5.3 ใบงานเร่ือง การพมิ พ์ข้อความและการใชเ้ คร่ืองมือต่าง ๆ ออกแบบภาพ 5.4 ตวั อย่าง การพมิ พ์ข้อความและการใชเ้ คร่ืองมือตา่ ง ๆ ออกแบบภาพ 5.5 แบบสงั เกตพฤตกิ รรมระหวา่ งเรยี นและการปฏบิ ตั ิ 5.6 แบบทดสอบก่อนเรียนและหลงั เรยี นชดุ การสอนท่ี 3 เร่ือง การพมิ พ์ขอ้ ความและการใชเ้ คร่ืองมือตา่ ง ๆ ออกแบบภาพ6. สอ่ื การสอน 6.1 ชุดการสอนท่ี 3 เร่ือง การพิมพ์ข้อความและการใชเ้ คร่ืองมือต่าง ๆ ออกแบบภาพ 6.2 สื่อ Power Point 6.3 สอื่ ของจริง ตัวอยา่ งเว็บไซต์ 6.4 ใบงาน เร่ือง การพิมพ์ข้อความและการใช้เครอื่ งมือต่าง ๆ ออกแบบภาพ ชุดการสอนท่ี 3 เร่ือง การพิมพ์ขอ้ ความและการใช้เครือ่ งมือต่าง ๆ ออกแบบภาพ

37. การจัดช้นั เรียน การจัดชั้นเรียนตามปกตสิ าหรับการสอนทฤษฎี โดยจัดการเรยี นการสอนแบบอภิปรายอธบิ าย สาธิต สรปุ การเรียนจากกลุ่มการปฏิบัติงาน โดยแบง่ กลุ่ม ๆ ละ 4 คน เพอื่ ให้ผเู้ รียนได้ปฏบิ ัติ โดยครูเตรียมชนิ้ งาน เครือ่ งมืออปุ กรณใ์ หค้ รบทุกกลุ่ม ครสู าธติ ใหด้ ู และควบคุมดูแลพฤติกรรมการปฏบิ ัตงิ านให้คาช้แี นะหากพบปญั หา8. วิธีใชช้ ุดการสอน 8.1 ศกึ ษาคมู่ อื และแผนการสอน 8.2 ศกึ ษาวิธีการใช้สื่อการเรียนการสอน 8.3 ศึกษาวิธีการเรยี กใช้อินเทอร์เนต็ 8.4 ศกึ ษาวธิ ีการวดั ผลและประเมินผล9. ขนั้ ดาเนินการสอน 9.1 ครชู แ้ี จงให้ผ้เู รยี นรู้การพิมพข์ ้อความและการใช้เครอ่ื งมือตา่ ง ๆ ออกแบบภาพ 9.2 ครชู ี้แจงกบั ผู้เรยี นตกลงวิธีการวดั ผลประเมินผล และกาหนดเวลาส่งงานกับครู 9.3 การจดั กจิ กรรมการเรียนการสอน แบ่งออกเป็นขน้ั ตอนดงั น้ี ขั้นที่ 1 ทดสอบก่อนเรยี น (Pre-test) ขั้นท่ี 2 นาเขา้ สบู่ ทเรยี น (Motivation) ขน้ั ท่ี 3 ให้เน้ือหา (Information) ขน้ั ที่ 4 ประกอบกิจกรรมการเรียน (Application) ข้ันที่ 5 สรุปผล (Progress) ข้นั ที่ 6 ทดสอบหลงั เรยี น (Post-test) 9.4 ขณะผ้เู รียนปฏิบตั ิงานตามใบงาน ครคู วรควบคมุ ดูแลการปฏบิ ัตงิ านของผเู้ รยี น หากมีปญั หาขณะปฏบิ ัติงานจะได้ให้คาแนะนาช่วยเหลือ 9.5 ครคู วบคมุ และติดตามผลการปฏิบตั งิ านของผู้เรียนใหเ้ ป็นไปตามขั้นตอนตามใบงาน 9.6 การสรปุ บทเรยี นและการปฏิบัติงานควรเป็นกิจกรรมร่วมของผู้เรียนทุกกลุ่มหรือตวั แทนกลุม่ ร่วมกนั สรปุ บทเรียนและการปฏบิ ัตงิ าน 9.7 สังเกตพฤตกิ รรมผเู้ รียนระหว่างการเรียนและการปฏบิ ตั ิงาน 9.8 ใหผ้ ู้เรียนทาแบบทดสอบหลงั เรยี นชดุ ที่ 3 เรื่อง การพมิ พ์ขอ้ ความและการใชเ้ คร่ืองมอืต่าง ๆ ออกแบบภาพ 9.9 ตรวจผลงานการปฏบิ ตั งิ านตามใบงาน และแบบทดสอบหลังเรียนแลว้ แจ้งผล ชุดการสอนท่ี 3 เร่อื ง การพมิ พ์ข้อความและการใช้เครื่องมอื ตา่ ง ๆ ออกแบบภาพ

4ใหผ้ ้เู รยี นทราบ 9.10 สอนซ่อมเสรมิ หรือมอบหมายงานเพิ่มใหก้ บั ผเู้ รยี นท่ีไม่ผ่านเกณฑ์10. วิธีการใช้สอ่ื การเรียนการสอนชุดการสอนที่ 3 เรื่อง การพิมพ์ขอ้ ความและการใช้เคร่ืองมอืต่าง ๆ ออกแบบภาพ ผ้เู รยี นศกึ ษา หรอื ครชู ้ีแจงให้ผ้เู รียนทราบวธิ กี ารเรยี นด้วยตนเอง โดยใช้ชุดการสอนเรื่อง การพมิ พข์ ้อความและการใช้เครื่องมือตา่ ง ๆ ออกแบบภาพ11. บทบาทของนักศึกษา 11.1 ผเู้ รยี นต้องปฏบิ ัติตามคาแนะนาของครูและกลมุ่ 11.2 ผเู้ รียนตอ้ งทากจิ กรรมตามท่มี อบหมายและร่วมกันอภปิ ราย 11.3 ผเู้ รียนต้องปฏิบัตงิ านตามใบงาน 11.4 ผ้เู รียนต้องส่งงานให้ตรงตามเวลาทก่ี าหนด12. การวดั และประเมินผล 12.1 วธิ วี ดั ผล 12.1.1 สงั เกตพฤติกรรมระหวา่ งเรยี นและการปฏบิ ัติงาน 12.1.2 ตรวจผลจากแบบฝึกหดั /การอภปิ ราย 12.1.3 ตรวจแบบทดสอบก่อนเรยี น หลงั เรยี น 12.1.4 ตรวจผลการปฏบิ ัตงิ านตามใบงาน 12.1.5 ตรวจแบบทดสอบวัดผลสมั ฤทธิ์ทางการเรียน 12.2 เครอ่ื งมอื วัด 12.2.1 แบบสังเกตพฤตกิ รรมระหวา่ งเรียนและการปฏิบัตงิ าน 12.2.2 แบบฝึกหัด/ใบประเมินผลการอภิปราย 12.2.3 แบบทดสอบกอ่ นเรียน หลงั เรียน 12.2.4 ใบประเมินผลการปฏิบตั งิ านตามใบงาน 12.2.5 แบบทดสอบวดั ผลสมั ฤทธทิ์ างการเรยี น ชุดการสอนที่ 3 เร่ือง การพิมพ์ขอ้ ความและการใช้เครื่องมือตา่ ง ๆ ออกแบบภาพ

5 12.3 เกณฑก์ ารประเมินผล 12.3.1 นักศกึ ษาได้คะแนนพฤตกิ รรมระหวา่ งการเรียนการสอนและการปฏิบัติงานไมต่ ่ากวา่ รอ้ ยละ 60 12.3.2 คะแนนรวมตามแบบประเมนิ ผลงานใบงาน ไม่ต่ากวา่ รอ้ ยละ 60 12.3.3 คะแนนแบบฝึกหัดและแบบทดสอบ ไมต่ ่ากว่าร้อยละ 60 12.3.4 คะแนนแบบทดสอบวดั ผลสัมฤทธิ์ทางการเรียน ไมต่ ่ากวา่ ร้อยละ 60 ชดุ การสอนที่ 3 เรอื่ ง การพมิ พ์ขอ้ ความและการใชเ้ ครอื่ งมือตา่ ง ๆ ออกแบบภาพ

6 โครงการสอน ช่ือวชิ า การออกแบบและพัฒนาเวบ็ ไซต์ ชื่อหน่วย การพิมพ์ขอ้ ความและการใชเ้ ครื่องมือต่าง ๆ ออกแบบภาพหนว่ ยท่ี 3 การพิมพ์ข้อความและการใช้เครอ่ื งมือตา่ ง ๆ ออกแบบภาพเรื่อง 1. การสร้างตวั อักษร (Font) และข้อความ 2. การตกแตง่ ข้อความ 3. เคร่ืองมอื การระบายสี 4. การสร้างรูปทรงต่าง ๆ จุดประสงคก์ ารสอน รายการสอน1. มคี วามร้เู กี่ยวกบั การการสร้างตวั อกั ษร 1. อนิ เทอร์เน็ตเบื้องตน้(Font) และข้อความ 2. การตกแตง่ ข้อความ2. อธิบายหลกั การการตกแต่งข้อความ 3. เคร่ืองมือการระบายสี3. อธบิ ายวธิ ีการใช้เครื่องมอื การระบายสี 4. การสรา้ งรปู ทรงต่าง ๆ4. อธิบายกระบวนการสรา้ งรูปทรงต่าง ๆวธิ ีสอนบรรยาย/ถาม-ตอบ สาธิต เวลาปฏบิ ตั ิงานตามใบงาน ครูควรกาหนดความพร้อมของเครื่องคอมพิวเตอร์สื่อการสอน หนังสอื อ้างอิง บรรณานุกรมสื่อประกอบการสอน Power Pointแผ่นท่ี 1 ใบความรู้ แบบฝกึ หดั ใบงานแบบทดสอบการประเมนิคะแนนจากการทาแบบทดสอบกอ่ นเรียน/หลังเรียน แบบประเมินผลใบงาน แบบฝกึ หัดแบบประเมนิ พฤตกิ รรมระหว่างการเรียนและการปฏบิ ตั ิงาน คะแนนจากแบบทดสอบวัดผลสมั ฤทธท์ างการเรยี น ชุดการสอนที่ 3 เรื่อง การพมิ พ์ข้อความและการใชเ้ ครือ่ งมือตา่ ง ๆ ออกแบบภาพ

7 แผนการจดั การเรียนรู้ที่ 3 สอนครง้ั ที่ 3รหสั วชิ า 3204-2005 วชิ า การออกแบบและพฒั นาเว็บไซต์ (2-2-3)หนว่ ยที่ 3 ชอ่ื หน่วย การพิมพข์ ้อความและการใช้เครอื่ งมอื ตา่ ง ๆ ออกแบบภาพ เวลา 8 ชม.ระดับชัน้ ปวส.1 ภาคเรยี นที่ 1 ปกี ารศกึ ษา 2560สาระสาคญั การพมิ พข์ อ้ ความ การกาหนดรปู แบบตัวอักษรการตกแตง่ ขอ้ ความ การไล่โทนสี การระบายสีตา่ ง ๆ การวาดภาพด้วยเคร่ืองมือสาเร็จรปู ต่าง ๆ ที่โปรแกรมกาหนด และการวาดภาพดว้ ยเคร่ืองมอื Pen Tool การปรบั ตาแหน่งเส้นจากการวาดให้สวยงาม เม่อื มีความชานาญแล้วสามารถนาความรู้ทไ่ี ด้ออกแบบหัวเว็บ ปมุ่ เมนู ภาพพืน้ หลัง กรอบข้อความ เป็นภาพสาหรับเวบ็ เพจสาระการเรียนรู้ 2.1 การสร้างตวั อักษร (Font) และข้อความ 2.2 การตกแต่งข้อความ 2.3 เครื่องมือการระบายสี 2.4 การสรา้ งรูปทรงตา่ ง ๆจดุ ประสงคก์ ารเรียน จุดประสงคท์ ั่วไป 1. มีความรกู้ ารสร้างตวั อกั ษร (Font) และข้อความ 2. รูแ้ ละเขา้ ใจการตกแตง่ ข้อความ 3. รแู้ ละเขา้ ใจเครื่องมือการระบายสี 4. รูแ้ ละเขา้ ใจการสรา้ งรูปทรงต่าง ๆ จุดประสงคเ์ ชิงพฤติกรรม หลงั จากศกึ ษาหน่วยน้แี ล้วนักเรยี นสามารถ 1. สร้างตวั อกั ษร (Font) และขอ้ ความ ได้ 2. การตกแตง่ ข้อความได้ 3. เครื่องมอื การระบายสีได้ 4. การสรา้ งรูปทรงต่าง ๆได้ ชดุ การสอนที่ 3 เรอ่ื ง การพมิ พ์ขอ้ ความและการใชเ้ ครอ่ื งมอื ต่าง ๆ ออกแบบภาพ

8กิจกรรมการเรียนรู้แบบร่วมมือโดยใชเ้ ทคนคิ STAD 1. ครูแจง้ จุดประสงค์กอ่ นเรียน 2. ผ้เู รยี นทาแบบทดสอบกอ่ นเรียน 3. ครูนาเขา้ ส่บู ทเรียน โดยยกตัวอย่างการชนิ้ งานต่าง ๆ ท่สี รา้ งจากโปรแกรม สุม่ ผเู้ รียนประมาณ 3 -5 คน ซกั ถามว่าถา่ ยภาพสว่ นมากไมไ่ ด้สือ่ ความหมายตรงจุดประสงคเ์ สมอไป แลว้ ถ้านผู้เรยี นต้องการสือ่ ความหมายใหช้ ัดเจน ควรเพ่มิ อะไรลงไปในภาพ 3.1 ผูเ้ รียนพบการออกแบบชิ้นงานป้ายโฆษณาดว้ ยมีขอ้ ความสน้ั ๆ ตามถนน หรือหา้ งรา้ นในศนู ยก์ ารค้าตา่ งๆ ในชีวติ ประจาวนั อะไรบา้ ง 3.2 ผเู้ รยี นตอ้ งการเรยี นรู้การใชโ้ ปรแกรมเพ่ือแทรกข้อความหรือการสร้างภาพกราฟิกให้สวยงามเหมาะสมกับภาพ 3.3 ผู้เรียนร่วมอภิปราย 4. ข้ันใหข้ อ้ มลู และการสอน ครบู รรยายเน้ือหาตามหัวข้อสาระการเรียนรู้ โดยใชช้ ดุ การสอน ที่ 3 การพิมพข์ อ้ ความและการใชเ้ ครอ่ื งมือตา่ ง ๆ ออกแบบภาพ การสรา้ งตัวอักษร (Font) และข้อความการตกแต่งข้อความ เคร่ืองมือการระบายสี การสรา้ งรปู ทรงตา่ ง ๆ โดยนาเสนอผา่ นโปรแกรมนาเสนอประกอบการบรรยาย เพื่อให้ผเู้ รยี นเขา้ ใจเน้อื หาสาระของการเรียนรูแ้ ละเขา้ ใจเนื้อหาดังนี้ 4.1 การสร้างตัวอกั ษร (Font) และข้อความ 4.2 การตกแต่งข้อความ 4.3 เคร่ืองมือการระบายสี 4.4 การสร้างรปู ทรงต่าง ๆ 5. ข้ันประกอบกิจกรรม ผู้เรียนฝกึ ปฏิบัติงานปฏบิ ตั กิ ารการพมิ พข์ ้อความและการใชเ้ คร่ืองมือตา่ ง ๆ ออกแบบภาพ การสรา้ งตวั อกั ษร (Font) และขอ้ ความ การตกแตง่ ข้อความ เครื่องมือการระบายสี การสร้างรูปทรงตา่ ง ๆ และทาแบบฝึกหดั เรื่อง การใช้เครื่องมือตา่ ง ๆ ออกแบบภาพ แล้วครูและผู้เรียนรว่ มกันเฉลย ตรวจคาตอบเพ่ือประเมินผลการเรียน 6. ผูเ้ รยี นทาแบบทดสอบหลังเรยี น 7. ขัน้ สรุป ตรวจประเมินการปฏิบัติงานตามใบงาน อธบิ ายสรุปผลเกีย่ วกบั การใช้เครอ่ื งมือต่าง ๆออกแบบภาพ ชดุ การสอนที่ 3 เรือ่ ง การพิมพ์ขอ้ ความและการใช้เคร่อื งมือต่าง ๆ ออกแบบภาพ

9ส่ือการเรียนการสอน 1. ชดุ การสอน 2. เครื่องคอมพิวเตอร์/เครอื่ งโปรเจคเตอร์ 3. สอ่ื ประกอบการสอน Power Point แผน่ ท่ี 1 4. แบบฝกึ หัด เฉลยแบบฝกึ หัด 5. ใบงาน และเฉลยใบงาน 6. แบบประเมินพฤตกิ รรมการเรยี น 7. แบบทดสอบกอ่ นเรยี นและหลังเรยี น และเฉลยแบบทดสอบกอ่ นเรยี นและหลงั เรียนการวดั และประเมินผล 1. คะแนนจากการอภิปราย เรื่อง การใชเ้ ครื่องมือต่าง ๆ ออกแบบภาพ 2. คะแนนจากการทาแบบฝึกหัด เร่ือง การใช้เคร่ืองมือต่าง ๆ ออกแบบภาพ 3. คะแนนแบบทดสอบกอ่ นเรยี นและหลังเรยี น ชดุ ท่ี 3 เร่ือง การใชเ้ ครอ่ื งมือตา่ ง ๆออกแบบภาพ 4. คะแนนจากแบบประเมนิ ผลการปฏบิ ัตงิ านตามใบงาน 5. คะแนนจากแบบสงั เกตพฤตกิ รรมระหว่างเรยี นและการปฏบิ ตั ิงาน 6. คะแนนจากแบบทดสอบวัดผลสมั ฤทธิท์ างการเรยี นแหล่งการเรียนรเู้ พมิ่ เตมิ 1. ศูนย์วทิ ยบริการ 2. ข้อมลู จากอนิ เทอรเ์ น็ตกิจกรรมเสนอแนะ ผู้เรียนสืบค้นข้อมลู เพ่มิ เติมหรอื ทบทวนเนื้อหาจากเวบ็ ไซต์ท่ีห้องคอมพิวเตอร์ศนู ย์วทิ ยบริการในเวลาว่าง ชุดการสอนท่ี 3 เร่อื ง การพิมพ์ข้อความและการใชเ้ คร่ืองมือต่าง ๆ ออกแบบภาพ

10 แบบทดสอบกอ่ นเรียน/หลังเรียน หน่วยที่ 3 การพิมพ์ข้อความและการใช้เครอื่ งมอื ตา่ ง ๆ ออกแบบภาพคาชแ้ี จง จงเลอื กคาตอบท่ีถูกตอ้ ง แลว้ กาเครื่องหมาย  ลงในกระดาษคาตอบ1. Horizontal Type Too คือรปู แบบการสรา้ งตวั อักษรแบบขอ้ ใด ก. การสรา้ งตวั อกั ษรปกติ ข. การสรา้ งตวั อักษรแนวต้งั ปกติ ค. การสรา้ งตวั อักษรแนวนอนปกติ ง. การสร้างตัวอกั ษรแบบขอบเขตพ้นื ที่2. Vertical Type Tool คือการสร้างตัวอักษรแบบข้อใด ก. การสรา้ งตวั อกั ษรปกติ ข. การสร้างตัวอกั ษรแนวต้งั ปกติ ค. การสรา้ งตัวอกั ษรแนวนอนปกติ ง. การสรา้ งตวั อักษรแบบขอบเขตพนื้ ที่3. เคร่ืองมือข้อใดเป็นการจัดขอ้ ความแบบชดิ ซ้าย ก. ข. ค. ง.4. คลกิ เครอ่ื งมือขอ้ ใดตกแตง่ Style ด้วยคาสงั่ Blending Option ก. ข. ค. ง. ชุดการสอนที่ 3 เรอ่ื ง การพิมพ์ข้อความและการใชเ้ คร่อื งมือตา่ ง ๆ ออกแบบภาพ

11ขอ้ 5-6 ใชต้ วั เลือกต่อไปนี้ ก. Drop Shadow ข. Inner Shadow ค. Outer Glow ง. Inner Glow5. ขอ้ ใดคือการใส่ Style ตัวอักษรแบบสร้างบรเิ วณขอบวัตถุใหฟ้ งุ้ กระจาย ค6. ขอ้ ใดคอื การใส่ Style ตัวอักษรแบบสร้างเงาใหต้ กลงพ้นื ก7. ข้อใดคือการใส่ Style ตวั อกั ษรแบบสร้างเงาบริเวณพ้ืนที่ภายในของวัตถุ ข8. คาสั่งขอ้ ใดหมายถงึ การใสส่ ีเสน้ ใหก้ ับข้อความทีข่ อบเขตพ้ืนทที่ ีเ่ ลอื ก ก. Edit  Stroke ข. File  Stroke ค. Edit  Line ง. File  Line9. ข้อใดคือการเปล่ยี นแปลงข้อความเป็นรปู แบบ Vector ก. Horizontal ข. Covert to Shape ค. Create Work Path ง. Select Similar Layers10. เคร่ืองมือข้อใดใช้แกไ้ ขขอ้ ความในรูปทรง ก. และ ข. และ ค. และ ง. และ11. เคร่ืองมือ Paint Bucket Tool คือ การระบายสีแบบข้อใด ก. เทสีในขอบเขตท่ีกาหนด ข. เทสีเฉพาะสีพนื้ หลังเทา่ นั้น ค. ไลโ่ ทนสีในขอบเขตทกี่ าหนด ง. ไลโ่ ทนสีเฉพาะสี Foreground เท่านน้ั ชุดการสอนท่ี 3 เรื่อง การพิมพ์ข้อความและการใช้เครื่องมอื ต่าง ๆ ออกแบบภาพ

1212. เคร่ืองมือ Gradient Tool คอื การระบายสีแบบขอ้ ใด ก. เทสใี นขอบเขตทีก่ าหนด ข. เทสเี ฉพาะสีพนื้ หลงั เท่าน้ัน ค. ไลโ่ ทนสีในขอบเขตทกี่ าหนด ง. ไลโ่ ทนสีเฉพาะสี Foreground เท่านัน้13. ตัวเลอื ก Option ข้อใดใชก้ าหนดขนาดหวั พกู่ ัน ก. Size ข. Edit Size ค. Brush Size ง. Master Diameter14. การกาหนดคา่ เพ่อื เพ่ิมหรอื ลดความฟ้งุ ให้หวั แปรงคือขอ้ ใด ก. Opacity ข. Hardness ค. New Brush ง. Master Diameterข้อ 15-16 ใช้ตวั เลือกต่อไปน้ี ก. Eraser Tool ข. Background Tool ค. Magic Eraser Tool ง. Paint Bucket Tool15. ข้อใดคอื การคลิกเลอื กช่วงสที ่ตี ้องการลบแล้วกดปุ่ม Delete ข16. คลิกจดุ สีแลว้ ลบภาพท้ิงจะเป็น Transparent ทนั ที คือข้อใด ค17. วธิ ีการเติมสแี ละ Pattern ให้ภาพด้วยคาส่งั Fill ก. คลกิ เมนู Edit  Fill หรือ Shift + F5 ข. คลกิ เมนู File  Fill หรือ Shift + F5 ค. คลกิ เมนู Insert  Fill หรอื Shift + F5 ง. คลิกเมนู Windows  Fill หรือ Shift + F5 ชดุ การสอนท่ี 3 เรอ่ื ง การพมิ พ์ข้อความและการใช้เครอื่ งมือต่าง ๆ ออกแบบภาพ

1318. ข้อใดไมใ่ ช่กลุ่มเครื่องมือสรา้ งรปู ทรงสาเร็จรูป ก. Polygon Tool ข. Ellipse Tool ค. Rectangle Tool ง. Rounded Rectan Tool19. ข้อใดกล่าวไมถ่ กู ตอ้ ง ก. New layer การเลอื กขอบเขตพน้ื ท่ใี หม่ ข. Intersect Shape Areas ขอบเขตพ้ืนท่ตี ดั สว่ นทีซ่ ้อนทับกันออก ค. Combine Shapes สรา้ งขอบเขตพื้นทแี่ ยกพน้ื ทีซ่ ้อนกันหลายชน้ิ ใหอ้ อกเปน็ สว่ น ง. Exclude Overlapping Shapes ขอบเขตพนื้ ที่ตดั รปู ทรงเก็บเฉพาะส่วนทีซ่ อ้ นทบั กนั20. เครื่องมอื สรา้ งเสน้ Path หรือรูปทรงต่าง ๆ สามารถแบง่ ออกเป็น 2 แบบ คือ ก. แบบ Paths และแบบ Shape ข. แบบ Paths และแบบ Mode ค. แบบ Paths และแบบ Pen Tool ง. แบบ Paths และแบบ Freeform Pen Tool ชดุ การสอนที่ 3 เร่อื ง การพมิ พ์ข้อความและการใชเ้ คร่อื งมือตา่ ง ๆ ออกแบบภาพ

14 เฉลยแบบทดสอบก่อนเรยี น/หลังเรียนหนว่ ยที่ 3 การพิมพข์ ้อความและการใช้เครอ่ื งมือตา่ ง ๆ ออกแบบภาพเฉลย 1. ค 2. ข 3. ก 4. ก 5. ค 6. ก 7. ข 8. ก 9. ข 10. ก 11. ก 12. ค 13. ก 14. ข 15. ข 16. ค 17. ก 18. ง 19. ค 20. ก ชดุ การสอนท่ี 3 เรื่อง การพิมพ์ข้อความและการใชเ้ คร่อื งมือตา่ ง ๆ ออกแบบภาพ

15 หน่วยที่ 3 การพิมพข์ ้อความและการใช้เครือ่ งมือตา่ ง ๆ ออกแบบภาพ การพิมพข์ อ้ ความและการใชเ้ คร่ืองมือต่าง ๆ เพ่ือวาดภาพ การออกแบบปุ่มเมนูเวบ็ เพจและการออกแบบภาพประกอบสาหรับสรา้ งเวบ็ ไซต์3.1 การสร้างตัวอักษร (Font) และขอ้ ความ รปู แบบตัวอักษรมีหลายรปู แบบสามารถเลือกใชไ้ ด้ตามความเหมาะสม เช่น ข้อความปกติที่สรา้ งขึ้นสามารถกาหนดสี กาหนดค่า Effects หรือปรับแต่งการทางาน และข้อความแบบสร้างขอบเขตพนื้ ที่ 3.1.1 ความร้เู บอ้ื งต้นเกี่ยวกับประเภทของ Font Type รูปแบบตัวอักษรมีหลายรปู แบบซึ่งสามารถเลอื กใชไ้ ด้ตามความเหมาะสมกับภาพ เช่น รปู แบบอักษร ตัวอย่างดังน้ี ภาพที่ 3.1 ความรเู้ บื้องต้นเก่ียวกับประเภทของ Font 3.1.1.1 True Type มีสัญลกั ษณเ์ ป็นตวั TT อยดู่ า้ นหน้าของช่ือ Font คือแบบอกั ษร แบบดง้ั เดิมสามารถขยายขนาดใหใ้ หญ่โดยมีความคมชัดเหมือนเดิม 3.1.1.2 Open Type มสี ัญษณเ์ ป็นตัว O หน้าช่ือของ Font เปน็ แบบอักษรท่พี ฒั นารว่ มกบั Adobe และ Microsoft มคี ุณสมบัตเิ ช่นเดียวกบั True Type แต่มอี ักขระมากกว่า 3.1.1.3 Raster Type จะมีสัญลักษณเ์ ป็นตัว a หน้าชื่อแบบอกั ษร (ในโปรแกรมPhotoshop CS4) ซ่งึ จะไมแ่ สดงสัญลกั ษณ์ใด ๆ หนา้ แบบอกั ษรประเภทน้ี) จากดั การทางานเฉพาะดา้ น เช่น รปู แบบงานพมิ พค์ ุณภาพสูงกาหนดความคมชัดท่ีแตกต่างกัน เช่น 12 pt หรือ 18 pt แต่ถา้ขยายมากกวา่ นี้ Font กแ็ ตกเป็นเหล่ยี มทาให้ภาพดูหยาบ ชดุ การสอนที่ 3 เรอ่ื ง การพิมพ์ข้อความและการใชเ้ ครอื่ งมอื ต่าง ๆ ออกแบบภาพ

16 3.1.2 ลักษณะข้อความในโปรแกรม Adobe Photoshop คอื รูปแบบการจัดวางข้อความและลักษณะขอ้ ความ ดังนี้ 3.1.2.1 ลักษณะของข้อความ คือ รูปแบบข้อความปกติแบ่งออกเป็น 2 แบบ คอืข้อความปกตทิ สี่ รา้ งขึ้นมาแล้วสามารถกาหนดสี กาหนดค่า Effects หรือปรบั แต่งการทางานไดเ้ ลยและข้อความแบบสรา้ งขอบเขตพน้ื ที่ แสดงโครงสร้างตัวอกั ษรเป็นเสน้ ประเหมือนการสรา้ งขอบเขตพ้ืนที่ทว่ั ไป และไมส่ ามารถเลือกลักษณะสีหรือแกไ้ ขในภายหลังเหมือนข้อความปกตไิ ด้แต่ต้องนาข้อความมาปรบั แต่งเหมอื นการแตง่ ภาพ ดังภาพขอ้ ความแบบปกติ ( Type Tool) ข้อความแบบมาสก์ ( Type Mask) ภาพท่ี 3.2 ลักษณะของข้อความ 3.1.2.2 แนวการจัดวางข้อความ คอื การจัดแบ่งลกั ษณะของข้อความตามรูปแบบการจดั วางนั้นแบ่งออกเป็น 2 ลกั ษณะ คือ Horizontal Type Tool จดั ข้อความแบบแนวนอน และVertical Type Tool จัดข้อความแบบแนวตงั้ และแบบสรา้ งขอบเขตพื้นที่ ดังภาพที่ 3.3 ลักษณะขอ้ ความแนวนอนลกั ษณะข้อความแนวต้ังภาพที่ 3.3 แนวการจดั วางข้อความชุดการสอนท่ี 3 เร่ือง การพิมพ์ข้อความและการใช้เคร่ืองมอื ต่าง ๆ ออกแบบภาพ

17 3.1.3 คณุ สมบตั ิเกี่ยวกับตัวอกั ษร การกาหนดคุณสมบตั ใิ ห้กบั อักษรและย่อหนา้ สามารถทาได้โดยกาหนดตวั เลือกหลักบน Optionts Bar ของเคร่ืองมือ Type Tools การปรับแต่งและรายละเอยี ดการเรียกใชพ้ าเลตแบบ Character และพาเลต Paragraph เปิดพาเลตทาได้หลายวิธี เชน่เลือกคาสั่ง Window  คลิกเลอื ก Palette ดงั น้ี 3.1.3.1 Optionts Bar คอื การกาหนดคุณสมบัติเบือ้ งต้น เช่น เลอื กแบบอักษรขอ้ ความ ลกั ษณะ ขนาด และความคมชดั เมื่อคลกิ ท่ีชอ่ งเลือกรายช่อื แบบอักษรข้ึนมาให้เลือกใชง้ านการแบง่ กล่มุ ช่ือแบบอักษร ตามกลุ่มตามภาษาตา่ งๆ ดงั ภาพเลอื กแบบอกั ษรStyle ตวั อักษร เลือกขนาดตัวอกั ษร จดั ตาแหนง่ ข้อความ เลอื กสี บิดแนวข้อความอักษรภาษาไทยทีน่ ามาติดต้งั เพม่ิอกั ษรภาษาไทยพื้นฐานท่มี ที กุ เครอ่ื ง ตวั ปกติ ตวั เอียง ตัวหนา ตวั หนาและเอียงภาพที่ 3.4 Optional Barชุดการสอนท่ี 3 เร่อื ง การพิมพ์ข้อความและการใช้เครอ่ื งมอื ต่าง ๆ ออกแบบภาพ

18 3.1.3.2 Palette Character คือ พาเลตสาหรบั การปรบั แตง่ ค่าตา่ ง ๆ เก่ยี วกบั ตัวอกั ษรเช่น ขนาด ระยะห่างระหวา่ งตัวอักษร ดงั ภาพเลือก Font Style ตวั อกั ษร ขนาด ระยะระหว่างบรรทัดช่องไฟระหวา่ งค่บู รรทัด ช่องไฟระหว่างตวั อักษร ความกว้าง (เทียบกบั ปกต)ิ ปรับความสงู ตวั ยก/ตัวห้อย สีตวั อกั ษร ลักษณะตวั อักษรแบบต่างๆกาหนดภาษา ความคมชัดของขอบอักษร ภาพท่ี 3.5 Palette Character 3.1.3.3 Palette Paragrph คือ การปรบั แตง่ ย่อหนา้ (ข้อความหลาย ๆ บรรทัดตอ่ เน่ือง) เช่น จัดย่อหน้าซ้าย ขวา หรือจัดเยื้องในบรรทัดแรก ดังภาพจดั ใหซ้ า้ ยขวาใหเ้ ทา่ กนั แตบ่ รรทัดสุดทา้ ยชิดซา้ ยจัดยอ่ หน้าชดิ ขวา จดั ซ้ายขวาให้เทา่ กันแต่บรรทัดสุดทา้ ยไวก้ ลาง จัดให้ซา้ ยขวาให้เท่ากันชดิ ยอ่ หน้ากึ่งกลาง แตบ่ รรทัดสุดท้ายชดิ ขวา จัดย่อหน้าชดิ ซ้าย จัดใหซ้ า้ ยขวาเท่ากนั ทกุ บรรทดั เยือ้ งดา้ นหนา้ ท้ังยอ่ หนา้ เย้ืองดา้ นหลังทั้งย่อหน้าเยื้องยอ่ หน้าเฉพาะบรรทดั แรก เว้นระยะดา้ นบนก่อนย่อหน้า เวน้ ระยะดา้ นล่างยอ่ หนา้ เว้นตัดคาและใส่ Hyphenateได้ ภาพที่ 3.6 Palette Paragrph ชดุ การสอนท่ี 3 เร่ือง การพิมพ์ข้อความและการใชเ้ ครอ่ื งมือตา่ ง ๆ ออกแบบภาพ

19 3.1.4 เครื่องมือสาหรบั การสร้างตวั อกั ษร คือ การสรา้ งตัวอกั ษรและข้อความในรปู แบบตา่ ง ๆ เช่น ตัวอักษรปกติ หรอื ตัวอกั ษรมขี อบเขตพืน้ ที่ (Selection) เพือ่ ใชเ้ ลือกขอบเขตพื้นท่ีภาพให้เป็นข้อความ ดงั ภาพที่ 3.7 ภาพท่ี 3.7 เคร่ืองมอื สาหรับการสร้างตัวอักษร 3.1.4.1 Horizontal Type Tool คอื เครอื่ งมือสาหรับสร้างตัวอักษรแบบมาตรฐานทีส่ ามารถสร้างสรรคง์ านได้หลากหลาย และสามารถแกไ้ ขได้ภายหลงั 3.1.4.2 Vertical Type Tool คือ ตวั อักษรท่สี ามารถแกไ้ ขไดภ้ ายหลัง แต่ตวั อกั ษรจะเรียงกันเปน็ แนวต้ัง 3.1.4.3 Horizontal Type Mask Tool เครื่องมือสร้างตวั อกั ษรแบบ Maskโดยตัวอักษรจะเป็นขอบเขตพ้นื ท่ี (Selection) ที่สามารถใชง้ านร่วมกบั ภาพอ่นื ๆ แต่เป็นลกั ษณะแนวนอน 3.1.4.4 Vertical Type Mask Tool คอื เคร่ืองมือสรา้ งตวั อักษรแบบMask สรา้ งขอบเขตพ้ืนที่เป็นตัวอักษร แต่ตวั อักษรจะเรยี งกันเป็นแนวต้ัง ชุดการสอนที่ 3 เร่ือง การพมิ พ์ข้อความและการใช้เครอื่ งมือต่าง ๆ ออกแบบภาพ

20 3.1.4.1 การสรา้ งตวั อกั ษรดว้ ยเครอ่ื งมอื Horizontal Type Tool คอื เครอ่ื งมอืสร้างตวั อกั ษรหรอื ข้อความแบบแนวนอนทค่ี รอบคลมุ การทางานทุก ๆ ด้าน โดยตัวอักษรลักษณะนี้สามารถย่อหรือขยายได้ โดยไมส่ ูญเสยี ความคมชัด และการใชง้ านเคร่ืองมอื นส้ี ามารถปฏบิ ัติได้ขั้นตอนดงั นี้ 1. สรา้ งไฟล์ภาพใหม่คลิกเมนู File  New เลือกขนาดพื้นทีก่ ารทางานตามต้องการ  OK 2. คลิกเครอ่ื งมือ แล้วคลิกพน้ื ท่ีการทางานและพิมพข์ ้อความ คาวา่“กราฟิก” แบบอกั ษรแนวนอน 3. ปรบั เปล่ียนรูปแบบขอ้ ความ กาหนดคุณสมบัติบน Optionts Bar ดงั ภาพสลบั แนวของตวั อักษรเป็นแนวต้งั หรือแนวนอน กาหนดขนาดตวั อักษร กาหนดความคมตัวอกั ษร กาหนดสีเลือกรูปแบบอกั ษร เลอื กอกั ษร เลอื กแนวการจัดอกั ษร ตัวอักษรวารป์ แท็ก ธรรมดา ตัวหนา Warp Text เอยี งภาพท่ี 3.8 การสรา้ งตวั อกั ษรดว้ ยเครือ่ งมือ Horizontal Type Tool ชุดการสอนท่ี 3 เรื่อง การพมิ พ์ขอ้ ความและการใช้เครื่องมือต่าง ๆ ออกแบบภาพ

21 3.1.4.2 การพมิ พ์อักษรด้วยเครื่องมอื Vertical Type Tool คือ เครื่องมือที่ใช้สร้างตวั อกั ษรแบบแนวตง้ั ตวั อักษรลักษณะนีส้ ามารถย่อหรือขยาย โดยไมส่ ูญเสียความคมชัดการใช้งานเครื่องมอื ข้ันตอนดังนี้ 1. สร้างไฟล์ภาพใหมค่ ลิกเมนู File  New เลือกขนาดพื้นที่การทางานตามต้องการ  OK 2. คลิกเครอื่ งมือ แล้วคลกิ พน้ื ทกี่ ารทางาน พมิ พ์ข้อความ คาว่า“กราฟิก” แบบอักษรแนวตง้ั ภาพที่ 3.9 การพมิ พอ์ ักษรด้วยเคร่ืองมอื Vertical Type Tool 3.1.4.3 การพิมพ์อักษรด้วยเครอ่ื งมอื Horizontal Type Mask Tool คือการสร้างอักษรแนวนอนในลกั ษณะการสร้างขอบเขตพน้ื ท่ี สามารถเลอื กพนื้ ทบ่ี นภาพ หรอื เลือกเครื่องมือ Vertical Type Mask Tool ข้ันตอนดังน้ี 1. เปิดไฟล์ภาพท่ตี ้องการสร้างเปน็ ข้อความ 2. คลกิ ทเี่ ครอ่ื งมือ นาเมาส์คลิกบนภาพ แล้วพมิ พ์ขอ้ ความ คาวา่GRAPHIC (สงั เกตภาพจะมีสีจางลง) 3. กดปมุ่ Alt ที่คยี บ์ อร์ดแล้วคลิกทเี่ ครื่องมือ เพ่ือคัดลอกพ้ืนที่ขอ้ ความแล้วคลิกเมาสซ์ ้ายคา้ งไว้ท่ขี อ้ ความแล้วลากไปวางบนตาแหน่งทตี่ ้องการ ดังภาพ ขอบเขตพ้นื ที่ตัวอักษร ชดุ การสอนที่ 3 เรอ่ื ง การพมิ พ์ขอ้ ความและการใช้เคร่อื งมอื ตา่ ง ๆ ออกแบบภาพ

22 4. หรือคลิกเมนู Edit  Copy แลว้ คลกิ ตาแหนง่ ทต่ี ้องการวาง ข้อความในภาพ แล้วคลิกเมนู Edit  Paste ตวั อกั ษรที่นามาวาง 5. ตกแตง่ ข้อความใหด้ ูเดน่ ขึ้น โดยการเตมิ สเี สน้ ให้กบั ข้อความแลว้ คลิกเมนูEdit  Stroke จะปรากฎหน้าตา่ งดงั ภาพ กาหนดค่าสีเส้นเป็นสีดา ขนาดเส้นเท่ากบั 2 px 6. คลิกปมุ่ OK แล้วกดป่มุ Ctrl + D เพื่อยกเลิกขอบเขตพน้ื ท่ขี ้อความได้ข้อความ ดังภาพท่ี 3.10 แบบอักษรแนวนอนมเี สน้ ขอบสีดา ภาพที่ 3.10 การพมิ พอ์ ักษรด้วยเครื่องมอื Horizontal Type Mask Tool ชดุ การสอนที่ 3 เรื่อง การพิมพ์ข้อความและการใชเ้ คร่ืองมือต่าง ๆ ออกแบบภาพ

23 3.1.5 การเปล่ียนแนวข้อความ คือ การพมิ พ์ข้อความแนวนอนหรือแนวตัง้ เรยี บร้อยแล้วหากต้องการเปล่ยี นแนวข้อความสามารถเปลี่ยนได้โดยคลิกปุ่ม ขั้นตอนดงั น้ี 1. คลิกเครื่องมือ แลว้ พิมพข์ อ้ ความ “KAE “ 2. เลอื กพาเลต Layer แล้วดบั เบิลคลิกในเลเยอรข์ อ้ ความ KAE 3. กาหนดค่าจาก Option คลกิ ที่ปุ่ม 1 ข้อความเดิม2 เลือก LAYERS ขอ้ ความ หรือดับเบลิ คลิก คลกิ เปลย่ี นแนวข้อความ3 ขอ้ ความทเ่ี ปล่ยี นแปลง ภาพที่ 3.11 การเปลยี่ นแนวขอ้ ความ ชดุ การสอนที่ 3 เร่ือง การพมิ พ์ข้อความและการใช้เครือ่ งมือต่าง ๆ ออกแบบภาพ

24 3.1.6 การบิดขอ้ ความเป็นรปู ร่างตา่ ง ๆ คือ การพมิ พต์ ัวอกั ษรหรือข้อความใหม้ ีรูปแบบหลากหลายน้ัน สามารถกาหนดไดจ้ ากการกาหนดคา่ บนออปชันบาร์ของข้อความ การบดิ รูปร่างต่าง ๆ สาเร็จรปู ทก่ี าหนดไวใ้ หผ้ ู้ใชโ้ ปรแกรม คือ คาสั่ง Create Warped Text ขัน้ ตอนดงั น้ี 1. พมิ พ์ข้อความ “วทิ ยาลัยพณิชยการบงึ พระพิษณโุ ลก” 2. คลกิ ปมุ่ แลว้ เลือกรูปทรงตา่ งๆ 3. ปรบั ค่าต่าง ๆ ของวาร์เพ็ด แท็กซ์ โดยดูความเหมาะสมจากภาพตัวอย่าง 4. คลกิ ปมุ่ OK 2 1 คลิกปมุ่ เลอื กรปู ทรงต่าง ๆ 4 3 ขอ้ ความทบี่ ิดรปู ร่าง ภาพที่ 3.12 การบิดขอ้ ความเปน็ รูปรา่ งตา่ ง ๆ ชุดการสอนท่ี 3 เรอื่ ง การพิมพ์ขอ้ ความและการใชเ้ ครอ่ื งมอื ต่าง ๆ ออกแบบภาพ

253.2 การตกแต่งข้อความ การตกแต่งข้อความให้มีรปู แบบหลากหลาย เชน่ การใสส่ เี สน้ กาหนดแสงเงา การไล่โทนสีตวั อักษร ดงั น้ี 3.2.1 การสรา้ ง Style ใหมข่ ้อความแบบ Type Layer คอื การตกแต่งอักษรและขอ้ ความใหส้ วยงามสามารถทาไดห้ ลายวิธี โดยประยกุ ต์ใชจ้ ากคาส่ังต่าง ๆ เชน่ การตกแตง่ ข้อความดว้ ยคาส่งั Blending Options ขั้นตอนดังนี้ 1. พมิ พข์ อ้ ความคาว่า “Kae” 2. คลิกปุ่ม ใน Palette Layer แลว้ เลือกเมนูคาสัง่ Blending Options จะปรากฏหนา้ ต่าง Layer Style 3. หนา้ ตา่ ง Layer Style คาสั่ง Blending Options รายละเอียดดังภาพ เลือกเมนคู าส่ัง Blending Options คลิก Effects Effects ใน การปรับแตง่ คุณสมบัติ ภาพที่ 3.13 การสร้าง Style ใหมข่ อ้ ความแบบ Type Layer ชุดการสอนที่ 3 เรอื่ ง การพมิ พ์ข้อความและการใชเ้ ครอื่ งมอื ต่าง ๆ ออกแบบภาพ

26 การกาหนดค่าตา่ ง ๆ บน Blending Options ดังนี้ Drop Shadow การสร้างเงาแบบตกลงพื้น Inner Shadow การสร้างเงาบริเวณพ้ืนภายใน Outer Glow การสรา้ งเงาแบบฟงุ้ กระจาย Inner Glow การสร้างความฟุง้ กระจายดา้ นในของวัตถุ Bevel and Emboss ให้วตั ถุนนู ข้นึ ด้วยแสงและเงาประกอบด้วย Contour ตัวปรบั แตง่ รูปแบบการนนู ของวตั ถุ Texture ตวั เตมิ ลวดลายให้กบั วัตถุ Satin การสร้างพน้ื ผิวดา้ นในของวัตถุมีส่ีเหลี่ยมเป็นเงา Color Overlay การเติมสีให้วัตถุ Gradient Overlay การเตมิ สีแบบไล่เฉดสีใหก้ บั วตั ถุ Patten Overlay การเตมิ ลวดลายใหก้ บั วตั ถุ Stroke การใส่สีเสน้ ให้กบั วัตถุ 4. คลกิ เมาสเ์ พอ่ื ปรบั แตง่ Style ขอ้ ความตามต้องการแล้วคลกิ ปมุ่ OK จะได้ผลลพั ธ์ตามทเ่ี ลือก หรอื ถ้าไม่ตอ้ งการใหย้ กเลกิ คาส่ังคลิกเมาส์ทป่ี ุ่ม Cancel 3.2.2 การสร้าง Style ใหมข่ ้อความ คอื การใส่ Style ให้กับข้อความต่างๆ ดังนี้ 3.2.2.1 การแรเงาขอ้ ความ คอื การเน้นขอบข้อความใหเ้ ดน่ ขึ้น โดยเลอื กรูปแบบการแรเงาข้อความ “ Graphic“ เลือกรปู แบบ Drop Shadow แลว้ ปรับคา่ ตา่ ง ๆ ดังภาพ ภาพที่ 3.14 การแรเงาขอ้ ความ ชดุ การสอนท่ี 3 เรื่อง การพิมพ์ขอ้ ความและการใชเ้ คร่อื งมือตา่ ง ๆ ออกแบบภาพ

27 3.2.2.2 การเน้นขอ้ ความดว้ ยสี คือ การเน้นข้อความทเ่ี ปล่งเรืองแสงออกมาข้อความจะเกิดประกายแสงสวา่ งขน้ึ “ เทคนิคใหม่ ๆ” เลือกรปู แบบ Outer Glow แล้วเลือกปรบัคา่ ตา่ ง ๆ ดังภาพ ภาพท่ี 3.15 การเน้นข้อความด้วยสี 3.2.2.3 การเน้นเส้นขอบ คือ การเน้นเส้นขอบข้อความให้โดดเด่นคมชัดมากข้นึเลอื กรูปแบบ Stroke แลว้ ปรับคา่ ตา่ ง ๆ กาหนดคา่ Size มีค่าเพิ่มมาก ขนาดเส้นจะมีขนาดเพ่ิมข้ึนดังภาพที่ 3.16 การกาหนดเส้นขอบข้อความถา้ ต้องการให้มขี นาดใหญข่ ึ้นน้นั กาหนดคา่ Size ใหม้ คี ่าเพิ่มตัวเลขมากข้นึ จะทาใหข้ นาดเส้นจะมีขนาดเพ่ิมข้ึน ชดุ การสอนท่ี 3 เร่อื ง การพิมพ์ข้อความและการใช้เครื่องมือต่าง ๆ ออกแบบภาพ

28 หรือหากต้องการใหเ้ ส้นขอบข้อความมีรปู แบบการไลโ่ ทนสีแบบ Gradient ปรบั ค่าต่าง ๆของเส้นขอบ ภาพที่ 3.16 การเน้นเส้นขอบขอ้ ความ 3.2.2.4 การไลโ่ ทนสี คอื การไล่โทนสขี ้อความใหส้ วยงาม “ ขอ้ ความ” เลือกรปู แบบ Gradient โดยไล่โทนสี ส้ม-น้าเงิน-ส้ม –ชมพู แล้วปรับคา่ ต่าง ๆ ดงั ภาพท่ี 3.17 ภาพที่ 3.17 การไล่โทนสขี อ้ ความ ชุดการสอนท่ี 3 เรื่อง การพมิ พ์ข้อความและการใช้เครือ่ งมือต่าง ๆ ออกแบบภาพ

29 3.2.2.5 ขอ้ ความสที องแวววาว คือ การใช้รูปแบบ Style Drop Shadow ใช้คาส่ังพื้นฐานและใสส่ จี าก Gradient Overlay โดยไลโ่ ทนสี สม้ – เหลือง แลว้ กาหนดความนนู ของขอ้ ความดว้ ย Bevel and Emboss ดังภาพท่ี 3.18 ภาพที่ 3.18 ข้อความสีทองแวววาว ชุดการสอนที่ 3 เร่ือง การพมิ พ์ข้อความและการใชเ้ คร่อื งมอื ตา่ ง ๆ ออกแบบภาพ

30 3.2.3 การสร้างข้อความรูปแบบภาพ คอื เทคนคิ การสรา้ งขอ้ ความแบบภาพท่ีไดผ้ ลลพั ธ์สวยงาม นารปู ภาพที่ต้องการมาวางซ้อนไว้เหนือข้อความแล้วคลิกขวาเลือกคาสง่ั Create ClippingMask เพ่อื สรา้ งมาสกค์ รอบภาพตามลกั ษณะตวั อักษรแต่ละตวั ขัน้ ตอนดงั นี้ 1. คลิกเครอ่ื งมือ พมิ พ์ข้อความ “ใบบัว” 2. คัดลอกภาพสาหรับการทาลวดลายให้ Layer ภาพอยู่ดา้ นบน Layer ขอ้ ความ 3. เลือก Layer ภาพแล้วคลิกขวา เลอื ก คาสง่ั Create Clipping Mask 12 3 ผลลัพธข์ ้อความเบือ้ งต้น ข้อความที่ไดเ้ บ้ืองต้นดไู มน่ า่ สนใจ การปรบั แต่งเพม่ิ เลอื ก Layer Styleในขอ้ ความดังภาพ เลือก Layer ขอ้ ความ แลว้ Duble Click ชุดการสอนท่ี 3 เรอื่ ง การพิมพ์ขอ้ ความและการใชเ้ ครือ่ งมือต่าง ๆ ออกแบบภาพ

31 การปรับแตง่ ดว้ ย Layer Style หากภาพใหญก่ ว่าข้อความให้คลิกลากเลอื่ นตาแหนง่ ภาพบนข้อความในมุมมองจดุ อ่ืน ๆ ของภาพ เพ่ือให้เกิดมุมมองภาพของข้อความได้หลายแบบ ชดุ การสอนท่ี 3 เร่อื ง การพิมพ์ข้อความและการใชเ้ คร่ืองมือตา่ ง ๆ ออกแบบภาพ

32 การยกเลกิ ภาพออกจากข้อความ โดยคลกิ ขวาบน Layer ของภาพแลว้ เลือกRelease Clipping Mask ขอ้ ความและภาพจะเหมือนเดิม ดังภาพที่ 3.19 คลิกขวาเลือก Release Clipping Mask ภาพท่ี 3.19 การสร้างข้อความรปู แบบภาพ 3.2.4 การตกแต่งขอ้ ความด้วย PALETTE STYLES รปู แบบการตกแต่งข้อความแบบ Style สาเรจ็ รูปท่ีโปรแกรมกาหนดให้ สาหรับผใู้ ช้โปรแกรมท่ตี ้องการความรวดเร็วในการออกแบบ ดังนี้ 3.2.4.1 การเลอื กรูปแบบ Style คอื การกาหนดรปู แบบ Styleใหก้ บั ขอ้ ความ ดงั นี้ 1. พิมพ์ขอ้ ความท่ตี อ้ งการแล้วคลกิ Palette Style ปรากฏรูปแบบ Style เพ่อืเลือก ถ้าไมต่ อ้ งการ Style ดังกลา่ วแตต่ อ้ งการเปล่ยี นรปู แบบ Style ใหมค่ ลกิ เลือก Style1 เปดิ New Style กาหนดรูปแบบการแสดงรปู ทรง เลือกรปู แบบ Style คลกิ เพอ่ื เลอื กคาสั่งจดั การกับชุด รปู ทรงสาเรจ็ รปู คลกิ เลอื กรปู ทรงสาเรจ็ รูปภาพที่ 5.26 แสดงภาพ Style ข้อความ ชดุ การสอนที่ 3 เรือ่ ง การพมิ พ์ขอ้ ความและการใช้เครอ่ื งมอื ต่าง ๆ ออกแบบภาพ

332. คลกิ เลือกรูปแบบ Style ที่ตอ้ งการ 33. ลักษณะตวั อกั ษรทไี่ ด้ 2 Styleขอ้ ความท่เี ลอื ก ภาพท่ี 3.20 แสดงภาพ Style ข้อความ 3.2.4.2 การยกเลกิ รปู แบบ Style คอื การยกเลิกรูปแบบ Style ทีใ่ ชก้ บั Layerเพ่ือใหข้ ้อความเปน็ ข้อความปกติทไ่ี มม่ ีการใชร้ ูปแบบ Layer ขน้ั ตอนดังนี้ 1. คลิกปุม่ No Style บน PALETTE STYLES 2. หรือคลิกขวาข้อความ แลว้ เลือก Clear Layer Style คลิกยกเลิก Style 1 2ภาพท่ี 3.21 การยกเลิกรปู แบบ Style ชดุ การสอนท่ี 3 เรอื่ ง การพมิ พ์ข้อความและการใชเ้ คร่ืองมอื ต่าง ๆ ออกแบบภาพ

34 3.2.4.3 การยา้ ย Layer Style คือ การยา้ ย Style ทกี่ าหนดไวใ้ น Layer หนงึ่ ไปใช้ยงั Layer อ่นื โดยคลิกลาก Layer Style วางทับ Layer ตวั อยา่ ง ขั้นตอนดังนี้ 1. เลอื ก Layer Style 2. คลกิ นาไปวางทับที่ Layer อ่ืน ภาพที่ 3.22 การย้าย Layer Style ชุดการสอนท่ี 3 เรื่อง การพิมพ์ข้อความและการใช้เครื่องมือต่าง ๆ ออกแบบภาพ

35 3.2.4.4 การคัดลอกรปู แบบ Style (Copy Layer Style) คือ การใช้ Style กับ Layerหน่งึ ไปแลว้ ต้องการนา Style ดงั กล่าวไปใชก้ ับ Layer อ่ืนอีก ขั้นตอนดังนี้ 1. เลือก Layer Style ทีต่ อ้ งการคัดลอก คลิกขวาเลอื ก Copy Layer Style 2. เลอื ก Layer ท่ตี ้องการวาง Layer Style แลว้ คลกิ ขวาเลือกวาง LayerLayer ไม่ใช้ Style Layer ใช้ Style 3. 4. 5.12ภาพผลลพั ธก์ าร Copy Layer Style ภาพท่ี 3.23 การคัดลอกรูปแบบ Styleชุดการสอนที่ 3 เรื่อง การพิมพ์ขอ้ ความและการใชเ้ คร่อื งมอื ตา่ ง ๆ ออกแบบภาพ

36 3.2.5 การแปลงตวั อกั ษรเป็นรปู ทรงแบบ Vector การแปลงตวั อักษรท่ีสร้างจากเครื่องมือ และ ให้กลายเปน็ รูปทรงแบบ Vectorทีส่ ามารถปรบั แต่งเส้น Path ได้ การสร้างตัวอกั ษรดงั กล่าวขอ้ ความจะกลายเป็นภาพ ไม่ใช่ขอ้ ความอกี ต่อไป โดยสามารถแกไ้ ขได้เหมือนกบั การแก้ไขภาพ เชน่ การลบภาพบางสว่ น และการไล่โทนสี ข้ันตอนดังนี้ 1. สร้างขอ้ ความด้วยเครื่องมือ Horizontal Type Tool 2. เลือก Layer ขอ้ ความคลกิ เมาส์ขวาแล้วเลือกคาสงั่ Convert to Shapeเพื่อแปลงตัวอักษรทง้ั หมดให้กลายเปน็ Shape3. ลักษณะตัวอกั ษรจะมีจดุ Anchorage อยู่รอบ ๆ ขอบตัวอกั ษรลกั ษณะตัวอักษรจะมีจุด ใช้เคร่อื งมือ Direct Selection Tool ปรับแตง่Anchorage อยรู่ อบ ๆ ขอบ จุด Anchorage เพื่อดัดรูปทรง หรือยึดตัวอักษรได้ตาม ต้องการภาพท่ี 3.24 การแปลงตวั อกั ษรเป็นรปู ทรงแบบ Vector ชดุ การสอนท่ี 3 เร่ือง การพมิ พ์ข้อความและการใช้เคร่ืองมือตา่ ง ๆ ออกแบบภาพ

373.3 เครอื่ งมือการระบายสี เครื่องมือท่ีระบายสมี ีอยมู่ ากมาย ซึ่งแต่ละแบบมคี วามสามารถในการใชง้ านทแ่ี ตกต่างกนัโดยการเลือกเครอ่ื งมือใหเ้ หมาะกับภาพ เครือ่ งมือสาหรับการระบายสแี บง่ ออกเป็น 3 กลุ่ม ดงั นี้ 3.3.1 กลมุ่ เคร่ืองมือการไลโ่ ทนสีและเทสี กลุม่ เครอ่ื งมือสาหรบั การไลโ่ ทนสแี ละเทสี พื้นตา่ ง ๆ ในภาพ ดงั น้ี ภาพที่ 3.25 แสดงภาพกลมุ่ เครื่องมือการไล่โทนสีและเทสี 3.3.1.1 การเตมิ สีแบบ Paint Bucket คือ การเติมสดี ว้ ยสี Foregroundหรือสแี บบ Pattern ข้ันตอนดงั น้ี 1. คลิกเครอ่ื งมือ 2. ปรบั เปลยี่ น Option Bar รายละเอยี ด กาหนดสีไหลไปตาม Pixels ท่ีต่อเนอ่ื งกัน กาหนดการเติมสี กาหนดค่าความโปร่งใส กาหนดการกระจายของสีต้งั แต่ 0-2ก5า5รเทสที กุ Layer ท่มี ีสตี ่อเนื่องกัน 3. คลกิ บรเิ วณท่ตี ้องการแลว้ เทสีลงไป ลกั ษณะสที เ่ี ทลงไป ชดุ การสอนท่ี 3 เร่อื ง การพมิ พ์ข้อความและการใช้เครื่องมอื ตา่ ง ๆ ออกแบบภาพ

38หรือเลือกเติมสีแบบ Pattern คอื เลือกเทสสี าเร็จรปู ท่โี ปรแกรมกาหนดให้การเลือกเทสแี บบPattern อน่ื ๆ ที่โปรแกรมจัดให้ ภาพท่ี 3.26 การเติมสแี บบ Paint Bucket 3.3.1.2 การลงสีแบบไลโ่ ทนสีด้วยเคร่ืองมอื Gradient Tool คือ การเตมิสแี บบไล่โทนสสี ามารถกาหนดสี และทิศทางของแถบสอี ย่างอิสระคลกิ เลือกรปู แบบสี คลิกการไล่โทนสนี ุ่มนวล กาหนดค่าความโปรง่ ใส คลิกสลบั สีทศิ ทางการไล่โทนสี โหมดการผสานสีของการใช้เครื่องมอื แตล่ ะครั้ง ไลโ่ ทนแบบโปร่งใสแถบสที ีต่ อ้ งการใช้งาน ชดุ การสอนท่ี 3 เรื่อง การพิมพ์ขอ้ ความและการใช้เครือ่ งมอื ตา่ ง ๆ ออกแบบภาพ

39 กรณที ชี่ ดุ สที ่กี าหนดใหย้ งั ไม่เพียงพอ หรือไม่เหมาะสมสามารถสร้างชดุ สีใหมข่ ึน้ มาใหม่โดยมีวธิ ีการสร้าง ดงั ภาพกาหนดชอ่ื รปู แบบ โหลดรูปแบบสจี ากแหลง่ อ่ืนแถบสที สี่ รา้ ง บันทึก รูปแบบสีไวใ้ ช้ภายหลงั เพมิ่ แถบสไี วใ้ น Preset เลอื กแถบสี ตัวกาหนดสี กาหนดความโปรง่ ใสของสี จดุ กาหนดระยะสีระหวา่ ง สีทีเ่ ลอื ก ช่วงหยุด ระบคุ ่าสีช่วงหยดุ ชดุ การสอนท่ี 3 เรือ่ ง การพิมพ์ข้อความและการใช้เครอื่ งมือต่าง ๆ ออกแบบภาพ

40 รูปแบบการคลกิ เมาส์ไลโ่ ทนสีมี 5 รปู แบบ โดยคลิกจุดเรม่ิ ตน้ ก่อนแล้วลากเมาสไ์ ปยังตาแหน่งต่างๆ เกิดรูปแบบลักษณะการไลโ่ ทนสดี ังภาพตัวอย่างการลากเมาส์เพื่อไล่โทนสี ซึ่งในแต่ละแบบต้องคลกิ เลือกรูปการไล่โทนสีกอ่ นแลว้ คลกิ เมาสล์ ากเพือ่ ไลโ่ ทนสี ดังภาพ คลิกเลอื กรูปแบบการไล่โทนสี ตวั อยา่ ง การไลโ่ ทนสแี ตล่ ะรูปแบบ และทศิ ทางการลากเมาสต์ ามลกู ศรในภาพผลลพั ธ์รูปแบบสี ดงั ภาพรูปแบบ รปู แบบ Linear Radialรูปแบบ รูปแบบ Reflected Angleรูปแบบ Diamond ภาพท่ี 3.27 การลงสแี บบไล่โทนสดี ว้ ยเคร่อื งมือ Gradient Tool ชุดการสอนท่ี 3 เรือ่ ง การพิมพ์ข้อความและการใช้เครื่องมือต่าง ๆ ออกแบบภาพ

41 3.3.2 กลุ่มวาดภาพและระบายสี การวาดและการระบายสีภาพดว้ ยการใชเ้ มาส์คลกิ เพ่อื วาดรปู แบบต่าง ๆ หรอื เลือกรูปแบบหัวพูก่ ันสาเร็จรูปตา่ ง ๆ ทีโ่ ปรแกรมกาหนดให้ โดยการระบายสีแบง่ เครื่องมือออกเป็น 4ตวั มคี วามสามารถในการใช้งานแตกตา่ งกนั ไป ดงั ภาพที่ 3.28 ภาพที่ 3.28 แสดงภาพกลมุ่ วาดภาพและระบายสี 3.3.2.1 Brush Tool คือ เครื่องมือสาหรับการระบายสี โดยสามารถกาหนดรูปแบบของเส้นได้มากมาย มีความยืดหยุน่ ในการใชง้ านกบั ภาพสูงสดุ 3.3.2.2 Pencil Tool คือ เคร่ืองมือระบายสเี ป็นภาพตา่ งๆ ผลของการใช้เคร่ืองมือน้ีจะไดเ้ ส้นท่ีเป็นเส้นแขง็ และหยาบซง่ึ เหมาะกับภาพบางประเภทเท่าน้ัน 3.3.2.3 Color Replacement Tool คือ การระบายสีทบั ลงไปบนพื้นผิวเพื่อเปลยี่ นสขี องจุดทนี่ าเมาสค์ ลกิ เลอื ก 3.3.2.4 Mixer Brush Tool คือ เคร่ืองระบายสี โดยสามารถเลือกกาหนดรูปแบบไดม้ ากมาย และไดเ้ สน้ ทมี่ สี อี ่อนหรือนมุ่ นวลกว่า ชดุ การสอนที่ 3 เรอื่ ง การพิมพ์ขอ้ ความและการใช้เครอ่ื งมอื ต่าง ๆ ออกแบบภาพ

42 กลมุ่ วาดภาพและระบายสีภาพนน้ั มขี น้ั ตอนการใช้งานไม่แตกต่างกันมาก จงึขอยกตวั อยา่ งการใชง้ านเคร่ืองมอื จานวน 2 ตัว คือ เคร่อื งมือ Brush Tool และเครื่องมือ PencilTool ดังนี้ 3.3.2.1 เครอ่ื งมอื Brush Tool คือ เครื่องมอื ที่โดดเดน่ ที่สดุ ในกล่มุเน่อื งจากมีความสามารถในการทางานและประยุกต์ใช้กับการวาดภาพรว่ มกบั การปรับแตง่ ภาพระบายสี ดังนี้ 1. เลอื กเครอื่ งมือ 2. ปรับแต่งเครื่องมือที่ Option Barรูปแบบ Brush Tool Option Bar การปรับความเข้ม โหมดภาพ ปรับแต่ง Brush ToolOption การปรับความเขม้ Brush Tool วิธกี ารปรับรูปแบบความเขม้ การระบายสี เช่นOpacity คอื การกาหนดความเข้มสูงสดุ ของเครือ่ งมือในการแดรกเมาสร์ ะบายสีหน่ึงครง้ัเมอ่ื ปล่อยเมาสแ์ ลว้ ระบายสีซา้ ทีจ่ ุดเดมิ อีกก็จะเข้มข้นึFlow คือ การกาหนดเปอรเ์ ซ็นต์ของสที จ่ี ะถกู ระบายสอี อกมาในการ Drag Mouse หนึ่งครัง้โดยความเขม้ จะขน้ึ อยู่กบั คา่ Opacity ทีก่ าหนด เช่น หากกาหนด Opacity 40 % และค่า Flow 20%หมายความว่าสีที่ถูกระบายครง้ั แรกนนั้ จะเป็น 20% ถ้าตอ้ งการใหส้ มี คี วามเข้มสงู สุดจะตอ้ งระบายทับจดุ เดิมถงึ 2 ครัง้Airbrush ผู้ใชส้ ามารถคลิกเลอื กปุ่มน้ี เพื่อกาหนดความเขม้ ของสีทร่ี ะบายลงไปจากการคลิกเมาส์ค้างไวท้ จี่ ุดเดิมซงึ่ มีหลักการเหมอื นกบั การพ่นสีด้วย Airbrush 3. เลอื กรูปแบบ Brush Tool โดยกาหนดค่าตามตอ้ งการแลว้ คลกิ เมาส์ซ้ายคา้ งไว้แลว้ ระบายสีบริเวณพ้นื ทีก่ ารทางานเพ่ือวาดรปู ตามต้องการ ดงั ภาพ ภาพท่ี 3.29 เครื่องมือ Brush Tool ชุดการสอนที่ 3 เรอื่ ง การพมิ พ์ข้อความและการใชเ้ คร่ืองมือต่าง ๆ ออกแบบภาพ

43 3.3.2.2 เคร่อื งมอื Pencil Tool การระบายสีเปน็ ภาพตา่ ง ๆ การใชเ้ คร่ืองมอื น้ีได้เส้นทเี่ ป็นเสน้ แข็งและหยาบซงึ่ เหมาะกบั ภาพบางประเภทเท่าน้นั ขั้นตอนดังนี้ 1. คลิกเลือกเคร่ืองมือ 2. กาหนดค่า Option Bar ดังนี้รปู แบบ Pencil Option การปรับความเขม้ ของ โหมดภาพ Brush ปรับแต่ง Pencil Tool 3. เลือกรปู แบบและกาหนดคา่ ตามตอ้ งการแล้วคลิกเมาส์ซา้ ยค้างไวร้ ะบายบริเวณพื้นที่การทางานเพอื่ วาดภาพตามต้องการ ดังน้ีภาพท่ี 3.30 เครื่องมือ Pencil Toolชุดการสอนท่ี 3 เรื่อง การพิมพ์ขอ้ ความและการใชเ้ คร่อื งมอื ตา่ ง ๆ ออกแบบภาพ

44 3.3.3 กลุ่มเครือ่ งมือการระบายสพี ิเศษ กลมุ่ เครอื่ งมือการระบายสพี ิเศษสามารถ เลอื กใชง้ านได้ 2 แบบ ท่แี ตกต่างกันดังภาพที่ 3.31 ภาพที่ 3.31 แสดงภาพกลมุ่ เครอ่ื งมือการระบายสพี ิเศษ ขนั้ ตอนการเรยี กใชเ้ ครื่องมือกลมุ่ ระบายสีพิเศษทีแ่ ตกต่างกนั ดงั น้ี 3.3.3.1 เครอ่ื งมอื History Brush Tool คอื การเรยี กภาพทตี่ กแต่งภาพหรือตัดภาพออกจากฉากหลังแลว้ พื้นท่ีบางสว่ นหายไปแลว้ สามารถ เรียกคนื สว่ นท่ีหายไปได้ ซง่ึสามารถปรบั แต่งคา่ การทางานบน Option Bar ดงั ภาพท่ี 3.32 ขนาดและรปู แบบของเคร่อื งมือ กาหนดความโปรง่ ใส กาหนดโหมด กาหนดความหนกั เคร่ืองมือในการแดรกเมาส์ผ่าน การเรยี กภาพทต่ี กแตง่ ภาพแลว้ กลับคนื มาเหมือนเดมิ เช่น วาดภาพใบไม้แลว้ตอ้ งการลบภาพทีว่ าดออก ข้ันตอนดงั น้ี คลกิ เครือ่ งแดรกเมาสบ์ ริเวณนี้แล้วภาพทวี่ าดหายไป ภาพท่ี 3.32 เคร่ืองมือ History Brush Tool ชดุ การสอนท่ี 3 เร่อื ง การพมิ พ์ข้อความและการใช้เคร่ืองมอื ต่าง ๆ ออกแบบภาพ

45 3.3.3.2 เคร่ืองมือ Art History Brush Tool คือ การเปล่ียนภาพถ่ายธรรมดาให้มีรปู แบบเหมือนกับงานศลิ ปะ เกิดจากการบิดจุดสีภาพให้หมนุ วน โดยการแดรกเมาส์ผา่ นส่วนต่างๆ ของภาพทาให้ผลลัพธเ์ หมอื นกับงานศลิ ปะ กาหนดคา่ ต่าง ๆ บน Option Barกาหนดรปู แบบเครื่องมือ กาหนดเปอร์เซ็นตค์ วามเปลี่ยนแปลงของสีใกล้เคยี ง กาหนดความกว้างทจ่ี ะเปล่ียนแปลงกาหนดโหมดการผสาน กาหนดความโปรง่ ใส เลอื กรปู แบบการหมนุ หวั แปรงสี การเปลี่ยนภาพถา่ ยธรรมดาให้มรี ปู แบบเหมอื นกบั งานศิลปะ โดยการแดรกเมาส์ผา่ นสว่ นตา่ งๆ ของภาพ ขน้ั ตอนดังนี้1. เปิดไฟลภ์ าพ2. คลิกเคร่อื งมือ แล้วแดรกเมาส์บรเิ วณภาพท้งั หมด 12 ภาพที่ 3.33 เครื่องมือ Art History Brush Tool 3.3.4 กล่มุ เครอื่ งมอื การลบ ภาพทีส่ ร้างขึน้ สามารถลบบางส่วน โดยการกาหนดขอบเขตพืน้ ท่กี ารลบ หรือลบแบบไม่กาหนดขอบเขตพ้ืนที่ แล้วกดปุ่ม Delete ท่ีแปน้ พมิ พแ์ ตเ่ ครอ่ื งมือในกล่มุ ของการลบยงั มีรูปแบบการลบทน่ี า่ สนใจท่ีจะชว่ ยให้การทางานสะดวก ดังภาพที่ 3.34ภาพท่ี 3.34 แสดงภาพกลุ่มเครอ่ื งมือการลบ ชุดการสอนท่ี 3 เรอ่ื ง การพิมพ์ขอ้ ความและการใชเ้ ครื่องมือต่าง ๆ ออกแบบภาพ

46 3.3.4.1 การลบภาพดว้ ยเครอ่ื งมือ Eraser Tool คือ เคร่ืองมือลบภาพ และแกไ้ ข ความผดิ พลาดจากการทางานกาหนดค่า Option ต่าง ๆ ดงั ภาพที่ 3.35กาหนดขนาดเครอื่ งมือ ความโปร่งใสของเครือ่ งมือ กาหนดเปอร์เซ็นต์ความหนกัTool เคร่ืองมือในการแดรกเมาส์เลอื กรูปแบบของหวั เคร่ืองมือแบบ คลิกเลอื กเม่ือต้องการเรยี กภาพหัวแปรง ดินสอ หรือสเ่ี หลยี่ ม เดิมกลบั เม่ือแดรกเมาส์ผ่านEraser Tool ใชล้ บ คลกิ เมาสซ์ า้ ยค้างไว้ ลบภาพออกจากพ้นื หลงั บรเิ วณท่ีต้องการลบ ภาพท่ี 3.35 การลบภาพดว้ ยเครอ่ื งมือ Eraser Tool 3.3.4.2 การลบภาพเครอ่ื งมือ Background Eraser Tool คือ เคร่ืองมือสาหรบั คลิกเลือกสที ตี่ ้องการลบแล้วกดปุ่ม Delete เพอื่ ลบทง้ิ การกาหนดคา่ Option ดังภาพกาหนดขนาดเครื่องมือ คลิกเลือกรูปแบบความตอ่ เนื่อง กาหนดเปอร์เซน็ ตค์ วามตอ่ เนอ่ื งของสีTool ของสีท่ตี ้องการลบท้ิงคลิกเลอื กวธิ กี ารกาหนดสี คลกิ เลอื ก Option นเี้ พือ่ ปอ้ งกนั ไม่ให้ต้นแบบสาหรบั การลบทิ้ง ลบสที กี่ าหนดไวบ้ น Foreground ชุดการสอนท่ี 3 เร่ือง การพมิ พ์ข้อความและการใช้เครือ่ งมอื ตา่ ง ๆ ออกแบบภาพ

47Background Eraser Tool คลิกเมาส์ซ้ายค้างไว้ลบภาพออกจากพน้ื หลงั จุด แล้วลากเมาส์ลบบริเวณที่ลบทง้ิ พนื้ หลงั เป็นแบบ ทีต่ ้องการลบออกโปร่งใสภาพท่ี 3.36 การลบภาพเครื่องมือ Background Eraser Tool 3.3.4.3 การลบภาพดว้ ยเครอื่ งมอื Magic Eraser Tool คือ เครื่องมอื ลบภาพที่ตอ้ งคลิกเลอื กสที ตี่ ้องการลบแล้วกดปมุ่ Delete เพ่อื ลบทง้ิ เครื่องมอื นี้จะใช้งานไม่ได้ ถา้ หากรูปภาพดังกล่าวมีการย่อหรือขยายดว้ ยคาสงั่ Image Size ขณะท่ีปรบั แตง่ การกาหนดค่า Optionกาหนดคา่ 0-255 เพ่ือระบุ คลกิ เลอื กปรับเสน้ ขอบใหน้ ุ่มนวลช่วงของความต่อเนื่องสี กาหนดความโปร่งใสให้ส่วนทถ่ี ูกลบคลิกเลอื กเมอ่ื ต้องการ คลิกเลอื กเพือ่ ลบภาพทกุลบสีที่มีค่าใกล้เคยี งกนั Layer ทมี่ สี เี หมอื นกัน นาเมาส์คลิกบรเิ วณสีทตี่ ้องการ ลบภาพ โดยสีทีใ่ กล้เคยี งกันอยู่ บรเิ วณเดียวกันจะถกู ลบทิง้จุดทีถ่ ูกลบทิ้งเปน็ พน้ื หลังแบบโปร่งใส ภาพท่ี 3.37 การลบภาพดว้ ยเครื่องมือ Magic Eraser Tool ชดุ การสอนท่ี 3 เรอื่ ง การพิมพ์ข้อความและการใชเ้ ครอ่ื งมือต่าง ๆ ออกแบบภาพ

48 3.3.5 การเตมิ สีและ Pattern ให้ภาพดว้ ยคาสงั่ Fill การเตมิ สีใหภ้ าพด้วยคาส่งั Fill การเทสลี งในภาพก่อนการเทสลี งไปตอ้ งเลือกขอบเขตพ้ืนท่ีก่อนแลว้ การเทสี ข้นั ตอนดังนี้ 1. กาหนดสดี า้ นบน (สชี มพ)ู Foreground Color 2. สรา้ งขอบเขตพื้นทภ่ี าพใหภ้ าพ ณ จุดท่ีต้องการเตมิ สี 3. คลกิ เมนู Edit  Fill หรือ Shift + F5 กาหนดคา่ ตา่ งๆ ดงั ภาพเลือกสีหรือพื้นผิวท่ี เลอื ก Option เพอ่ืจะเทสลี งไปภาพ ป้องกันการเทสีลงกาหนดโหมดการ พน้ื ทีส่ ่วนท่ไี มม่ จี ุดผสานสีและความ ของสีโปรง่ ใส 2 3 การเตมิ สบี ริเวณทีส่ ร้างขอบเขตพื้นที่ โดยกาหนดคา่ Opacity 100 % กาหนดสดี า้ นบนForeground Color (สชี มพู) หากกาหนดคา่ Opacity 50 % จะปรากฏสดี งั ภาพดา้ นล่างน้ี ภาพท่ี 3.38 การเติมสีให้ภาพด้วยคาสงั่ Fill การผสานและความโปร่งใสของภาพ การกาหนดค่า Opacity ถา้ กาหนดคา่ มาก จะทาให้สีมีความเขม้ สูง แต่ถา้ กาหนดค่านอ้ ยสีจะจางหรือโปร่งใสตามค่าท่ีกาหนด ชุดการสอนที่ 3 เรื่อง การพิมพ์ข้อความและการใช้เครื่องมอื ต่าง ๆ ออกแบบภาพ

493.4 การสร้างรปู ทรงต่าง ๆ การสรา้ งรูปทรงตา่ ง ๆ จากกลุ่มเครอื่ งมือสาเร็จรูป และการสรา้ งวาดรปู ทรงเอง การปรับแตง่ หรือการแกไ้ ขรูปทรงท่ีกาหนดให้เป็นรูปร่างหรือเปน็ เส้นพาธ 3.4.1 กลมุ่ เคร่ืองมอื สร้างรูปทรงสาเรจ็ รปู เครื่องมอื วาดรูปทรงแบบ Vector แบบงา่ ย ๆ เช่น ส่เี หลีย่ ม ส่ีเหล่ยี มมุมมน วงกลมหรอื รปู ทรงแบบต่าง ๆ ท่ีโปรแกรมจดั ไว้ให้ ดังภาพท่ี 3.39 ภาพที่ 3.39 เครื่องมอื วาดรูปทรงแบบ Vector 3.4.1.1 Rectangle Tool สร้างรูปทรงแบบสเ่ี หล่ียม 3. 4.1.2 Rounded Rectangle Tool สร้างรูปทรงส่ีเหลย่ี มมุมมน 3. 4.1.3 Ellipse Tool สรา้ งรปู ทรงกลมหรือทรงรี 3. 4.1.4 Polygon Tool วาดรปู ทรงหลายเหลีย่ ม และดดั แปลงเคร่ืองมือให้สามารถวาดรปู ทรงแบบอื่นได้ 3. 4.1.5 Line Tool สรา้ งเส้นตรง โดยกาหนดความหนาและสร้างหวั ลกู ศร 3. 4.1.6 Custom Shape Tool สร้างรปู ทรงสาเรจ็ รปู เครื่องมอื แตล่ ะตัวมี Option Bar สาหรบั กาหนดคุณสมบตั ิพเิ ศษตา่ งๆ เฉพาะเพื่อความสะดวก เช่น Option Bar เครื่องมือ Rectangle Tool ดังภาพรูปทรงมพี ื้นหลัง ขนาดเสน้ รูปแบบเส้น รปู แบบการจัดวาง รปู แบบการวาดเลือกสี กาหนดขนาด ภาพท่ี 3.40 แสดงภาพ Option Bar ชดุ การสอนที่ 3 เรอ่ื ง การพิมพ์ขอ้ ความและการใชเ้ คร่ืองมือตา่ ง ๆ ออกแบบภาพ