การใช้ Photoshop เบอื ง ต้น นายกฤษณพงษ์ คาํ ผุย 62040112125 มหาวทยาลยั ราชภฎั อดุ รธานี
ความรู้พน้ื ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 1 คานา เอกสารประกอบการเรียน เล่มท่ี 1 เร่ือง ความรู้พ้ืนฐานในการใช้งาน โปรแกรม Adobe Photoshop CS6 จัดทาขึ้น เพ่ือใช้ประกอบการจัดกิจกรรมการเรียนรู้ โดยมี เป้าหมายเพื่อใช้เป็นสื่อในการจัดการเรียนรู้เพ่ือ พัฒนานักเรียน ให้มีคุณภาพตาม มาตรฐานการเรียนรู้ พัฒนานักเรียนให้มีสมรรถนะตามที่ต้องการ ท้ังด้านการสื่อสาร การคิด การแก้ปัญหา การใช้ทักษะชีวิต และการใช้เทคโนโลยี ตลอดจนพัฒนานักเรียน ให้มคี ุณลักษณะอันพึงประสงค์ เพ่ือให้สามารถอยู่ร่วมกับผ้อู ื่นในสังคมไทยและสงั คมโลก ได้ อย่างมคี วามสขุ ซึ่งประกอบด้วยเอกสารประกอบการเรียน จานวน 6 เล่ม ดงั นี้ เล่มท่ี 1 ความรู้พื้นฐานในการใช้งาน โปรแกรม Adobe Photoshop CS6 เล่มท่ี 2 การจดั การกบั สแี ละการใช้งาน Layer เลม่ ที่ 3 การเลือกพน้ื ท่ีด้วย Selection เล่มท่ี 4 การทางานกับข้อความและตวั อักษร เลม่ ที่ 5 การรีทชั ภาพและการปรบั ปรงุ รูปถ่าย เล่มท่ี 6 การสร้างและวาดรปู ทรงแบบเวคเตอร์ ผู้เรยี นสามารถศึกษา และเรยี นรดู้ ้วยตนเอง ตามแผนผงั แสดงข้นั ตอนการเรยี น ทไี่ ดร้ ะบไุ ว้ ในเอกสารประกอบการสารโดยผเู้ รยี นสามารถเรยี นรู้ไดอ้ ย่างเปน็ อิสระ และ สามารถพฒั นาตนเองได้ เตม็ ตามศักยภาพ สอดคลอ้ งกบั แนวคิดในการพฒั นาผู้เรยี น สศู่ ตวรรษที่ 21 ทมี่ ุง่ เน้นให้ผเู้ รียนมีทักษะ ทจี่ าเปน็ 3 ด้าน คอื 1) ทักษะการเรยี นร้แู ละ นวัตกรรม 2) ทักษะชวี ติ และและการทางาน 3) ทักษะดา้ นสารสนเทศ สอ่ื เทคโนโลยี ผูจ้ ดั ทาหวงั เป็นอย่างยิ่งว่า เอกสารประกอบการเรียน เลม่ ที่ 1 ความรพู้ ืน้ ฐานใน การใชง้ าน โปรแกรม Adobe Photoshop CS6 จะเปน็ ประโยชน์ตอ่ การพัฒนา ผลสัมฤทธท์ิ างการเรียน ทั้งยงั ช่วยสง่ เสริมใหค้ รูผสู้ อน สามารถจัดการเรียนการสอนรู้ได้ อย่างมปี ระสิทธภิ าพ ตรงตามมาตรฐานการศกึ ษา เพือ่ การพัฒนา ผู้เรียนสู่ความเป็น พลเมืองโลกในศตวรรษท่ี 21 วนดิ า ยอดฉตั ร เอกสารประกอบการเรยี น เร่อื ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พน้ื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 2 สารบัญ เรอ่ื ง หนา้ คานา 1 สารบัญ 2 สารบญั ภาพ 3 สารบญั ตาราง 5 คาชแี้ จงการใช้เอกสารประกอบการเรียน 6 แผนผงั แสดงข้นั ตอนการเรียน 7 คาแนะนาสาหรบั ครู 8 คาแนะนาสาหรบั นักเรยี น 9 สาระการเรียนรู้ / ผลการเรยี นรู้ / จุดประสงคก์ ารเรียนรู้ 10 แบบทดสอบก่อนเรียน 12 ใบความรู้ท่ี 1 ความร้เู บื้องตน้ เกีย่ วกบั โปรแกรม Adobe Photoshop CS6 15 แบบฝึกหดั ท่ี 1.1 36 ใบความรู้ที่ 2 การทางานกับไฟลภ์ าพเบอื้ งต้น 39 แบบฝกึ หดั ที่ 1.2 56 แบบทดสอบหลังเรยี น 59 บรรณานกุ รม 62 ภาคผนวก 63 เฉลยแบบทดสอบกอ่ นเรียน 64 เฉลยแบบฝึกหัดที่ 1.1 65 เฉลยแบบฝกึ หดั ที่ 1.2 68 เฉลยแบบทดสอบหลังเรยี น 70 เอกสารประกอบการเรยี น เรอ่ื ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พื้นฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 3 สารบัญภาพ หนา้ 15 เรือ่ ง 16 ภาพท่ี 1 แสดงชื่อโปรแกรม Adobe Photoshop CS6 16 ภาพท่ี 2 แสดงชอื่ ไฟล์ Setup โปรแกรม Adobe Photoshop CS6 17 ภาพท่ี 3 แสดงการเลอื กรูปแบบการติดต้ัง 17 ภาพที่ 4 แสดง Accept เพอ่ื ยอมรับเง่ือนไขการใช้งาน 18 ภาพที่ 5 แสดงป่มุ install เพ่อื เรม่ิ ตดิ ตั้ง 18 ภาพที่ 6 แสดงสถานะตดิ ตง้ั 19 ภาพที่ 7 แสดงความสาเร็จของการตดิ ตัง้ 19 ภาพที่ 8 ปุ่ม start และ All program 20 ภาพท่ี 9 แสดงโปรแกรม Adobe Photoshop CS6 20 ภาพที่ 10 แสดงหน้าต่างโปรแกรม (Splash Screen) 21 ภาพที่ 11 แสดงหน้าจอการสร้างชนิ้ งาน 22 ภาพท่ี 12 แสดงส่วนประกอบของหนา้ จอโปรแกรม 23 ภาพท่ี 13 แสดงการเปลยี่ นธีมสหี นา้ ตา่ งโปรแกรม 24 ภาพที่ 14 แสดงแถบเมนูบาร์ 24 ภาพท่ี 15 แสดงแถบกล่องเครื่องมือ 26 ภาพที่ 16 แสดงการเรียกใชช้ ดุ เครือ่ งมือยอ่ ย 32 ภาพท่ี 17 แสดงการกลอ่ งเครือ่ งมอื (ทลู พาเนล) 33 ภาพท่ี 18 แสดงออปช่ันบาร์ 33 ภาพที่ 19 แสดงหน้าต่างพาเนล 34 ภาพที่ 20 แสดงการพบั หน้าต่างพาเนล 35 ภาพที่ 21 แสดงการย่อ/ขยายขนาดหน้าต่างพาเนล 39 ภาพที่ 22 แสดงการเลือกพน้ื ทที่ างาน 40 ภาพที่ 23 แสดงตวั อย่างภาพบิทแมพ (Bitmap) 42 ภาพท่ี 24 แสดงตวั อยา่ งภาพเวคเตอร์ (Vector) 43 ภาพที่ 25 แสดงสว่ นประกอบของหน้าต่างภาพ 44 ภาพที่ 26 แสดงการเปิดไฟลภ์ าพท่ีมีอยู่แล้ว 44 ภาพท่ี 27 แสดงการเปดิ ไฟลภ์ าพทเ่ี คยเปิดใชง้ านลา่ สดุ ภาพที่ 28 แสดงการเปดิ ไฟลภ์ าพด้วยการลากแลว้ ปลอ่ ย เอกสารประกอบการเรียน เร่ือง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พืน้ ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 4 สารบญั ภาพ (ตอ่ ) หนา้ 45 เร่ือง 46 ภาพที่ 29 แสดงการสร้างไฟล์ใหม่ 47 ภาพท่ี 30 แสดงการบันทึกเพอ่ื นากลับมาแกไ้ ขภายหลงั 48 ภาพที่ 31 แสดงการบนั ทกึ ไฟล์รูปแบบอ่ืนๆ จากไฟล์ PSD 49 ภาพท่ี 32 แสดงการบนั ทกึ ไฟล์งานอตั โนมตั ิด้วย Auto Save 50 ภาพที่ 33 แสดงการการปดิ ไฟลง์ าน 50 ภาพที่ 34 แสดงหนา้ ต่างกลมุ่ ภาพใหม่ 51 ภาพที่ 35 แสดงรวมกล่มุ หน้าตา่ งภาพ 52 ภาพที่ 36 แสดงการปรับขนาดหน้าตา่ งภาพ 52 ภาพที่ 37 แสดงตวั อย่างไม้บรรทดั เสน้ กรดิ และเส้นไกด์ 53 ภาพท่ี 38 แสดงการปรับขนาดหน้าต่างภาพ 54 ภาพที่ 39 แสดงการใช้งานเส้นกรดิ (Grid) 55 ภาพที่ 40 แสดงการใชง้ านเส้นไกด์ (Guide) ภาพท่ี 41 แสดงแสดงการใชพ้ าเนล History เอกสารประกอบการเรยี น เรื่อง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรูพ้ ้นื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 5 สารบญั ตาราง หน้า 23 เร่ือง 27 ตารางท่ี 1 แสดงรูปแบบการทางานของแถบเมนูคาสง่ั 27 ตารางท่ี 2 แสดงกลุ่มเคร่ืองมอื สาหรับการเลือกเพอื่ ยา้ ยวตั ถุ 28 ตารางที่ 3 กลุ่มเคร่ืองมือสาหรับการตดั ภาพเพื่อเลือกเฉพาะสว่ น 28 ตารางท่ี 4 แสดงเคร่อื งมอื สาหรับวดั ค่า 29 ตารางที่ 5 แสดงกลุ่มเครอ่ื งมือสาหรับการรีทัชภาพ 30 ตารางท่ี 6 แสดงกลุ่มเคร่อื งมอื สาหรับการระบายสีและการลงสี 31 ตารางที่ 7 แสดงกลุ่มเครือ่ งมือสาหรบั สร้างรปู ทรงเวคเตอร์ 31 ตารางท่ี 8 แสดงกลุม่ เคร่ืองมือสาหรับจดั การกับมุมมองของภาพ ตารางที่ 9 แสดงกลุ่มเครื่องมือสาหรับจัดการกบั โหมดของหน้าจอ เอกสารประกอบการเรียน เรื่อง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความร้พู ื้นฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 6 คาช้ีแจงการใชเ้ อกสารประกอบการเรยี น เอกสารประกอบการเรียน เล่มที่ 1 ความรู้พ้ืนฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 เล่มน้ใี ชป้ ระกอบการจดั กิจกรรมการเรียนรู้ของนักเรียนช้ันมธั ยมศึกษา ปีที่ 3 โรงเรยี นไทรงามพิทยาคม โดยมชี ัน้ ตอนการจัดกจิ กรรมการเรียนรู้ ดงั น้ี 1. ทาแบบทดสอบก่อนเรียน จานวน 10 ข้อ ลงในกระดาษคาตอบ 2. ศึกษาใบความรู้ท่ี 1 เรื่อง ความรู้เบื้องต้นเก่ียวกับโปรแกรม Adobe Photoshop CS6 และ ใบความรู้ที่ 2 การทางานกบั ไฟลภ์ าพเบอ้ื งต้น 3. ทาแบบฝึกหดั ให้ครบทุกแบบฝกึ หัด 4. ตรวจคาตอบ จากการเฉลยแบบฝกึ หดั 5. ถา้ ตอบผดิ ควรกลบั ไปศกึ ษาเนอ้ื หาใหมอ่ กี ครง้ั หน่ึง 6. เมื่อตรวจคาตอบครบทุกแบบฝึกหัดแล้ว ให้ทาแบบทดสอบหลังเรียน ลงใน กระดาษคาตอบ 7. ตรวจคาตอบแบบทดสอบก่อนเรียนและแบบทดสอบหลังเรียนท้ายเอกสาร ประกอบการเรยี น 8. สรุปผลคะแนนทไ่ี ดล้ งในกระดาษคาตอบ 9. นักเรียนควรมีความซื่อสัตย์ต่อตนเอง ไม่เปิดดูเฉลยก่อนลงมือทาแบบทดสอบ และแบบฝกึ หดั เอกสารประกอบการเรยี น เรื่อง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พื้นฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 7 แผนผงั แสดงขนั้ ตอนการเรียน ศกึ ษาคาแนะนาในการใช้เอกสารประกอบการเรียน ทดสอบกอ่ นเรียน ศึกษาสาระการเรียนรู้ / ผลการเรยี นรู้ จดุ ประสงคข์ องการเรียนรู้ และวิธกี ารวดั ผลประเมนิ ผล ศึกษาใบความรู้และทากจิ กรรม ทดสอบหลงั เรียน ไม่ผา่ นเกณฑ์ ผ่านเกณฑ์ ศึกษาเอกสารประกอบการเรยี น เลม่ ท่ี 2 เอกสารประกอบการเรยี น เรื่อง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พนื้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 8 คาช้ีแจงสาหรับครู การจัดการเรียนร้โู ดยใช้เอกสารประกอบการเรียน เร่ือง ความรู้พนื้ ฐานใน การใชง้ านโปรแกรม Adobe Photoshop CS6 มีขน้ั ตอนการจัดกิจกรรมทคี่ รูผู้สอนตอ้ ง ดาเนินการ ดังต่อไปน้ี 1.ขัน้ เตรยี มการสอน 1.1 ศึกษาแผนการจดั การเรียนรูอ้ ย่างละเอียดและเอกสารประกอบการเรียน จนเข้าใจเปน็ อยา่ งดี 1.2 ตรวจสอบเอกสารประกอบการสอน สอ่ื ท่ใี ช้ในการสอนคอมพวิ เตอรแ์ ละ อปุ กรณต์ ่อพวงให้อยใู่ นสภาพใช้งานได้และเพยี งพอ 1.3 แบง่ กลมุ่ นกั เรียนโดยคละความสามารถ เก่ง ปานกลาง ออ่ น 1.4 กาหนดบทบาทหน้าทีใ่ ห้สมาซกิ ในกลมุ่ ทราบถึงการปฏบิ ัติตน 2.ข้ันดาเนนิ กิจกรรมการเรียนการสอน 2.1 ครแู จกเอกสารประกอบการเรียนใหก้ ับนกั เรยี น 2.2 ครชู ี้แจงการใชเ้ อกสารประกอบการเรยี นใหน้ กั เรียนทราบกอ่ นเรียน 2.3 ครูให้นักเรียนทาแบบทดสอบกอ่ นเรียนเพ่อื ศกึ ษาระดบั ความรพู้ ื้นฐาน ของนกั เรียน 2.4 ครูใหน้ ักเรียนศึกษาเอกสารประกอบการเรยี นและปฏิบัติกจิ กรรมตา่ ง ๆ ตาม ข้นั ตอนในเอกสารประกอบการเรียนดังน้ี 1) ศึกษาใบความรู้ 2) ทาแบบฝึกหดั 2.5 ครใู ห้นกั เรียนทาแบบทดสอบหลงั เรียนเพอ่ื ศึกษาความก้าวของการเรียนรู้ 3.ขน้ั ประเมนิ ผล 3.1 ครูตรวจสอบแบบทดสอบกอ่ นเรยี น - หลังเรียน และกิจกรรมการเรียนรู้ 3.2 บนั ทกึ คะแนนโดยประเมินตามเกณฑก์ ารประเมนิ กรณีนักเรยี นมีคะแนน ผลการประเมนิ แบบทดสอบหลงั เรียนและกิจกรรม การเรียนรไู้ ม่ผา่ นร้อยละ 80 ให้ ทาการศึกษาเอกสารประกอบการเรยี นรู้อกี คร้ัง - เอกสารประกอบการเรียน เร่ือง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พนื้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 9 คาชีแ้ จงสาหรับนักเรียน การจัดการเรยี นรโู้ ดยใช้เอกสารประกอบการเรียน เรือ่ ง การใช้งานโปรแกรม Adobe Photoshop CS6 มีข้นั ตอนการจัดกิจกรรมท่ีครผู ู้สอนต้องดาเนนิ การ ดังต่อไปน้ี 1. ศึกษาผลการเรยี นรู้ และจดุ ประสงค์การเรียนร้ใู ห้เข้าใจ 2. ตัง้ ใจเรยี นรู้ตามลาดบั ขนั้ ตอนทกี่ าหนด โดยไมข่ ้ามขัน้ ตอน 3. ศกึ ษาใบความรู้ท่ี 1 ร้จู ักและใช้งาน Photoshop CS6 และใบความรู้ที่ 2 การ ทางานกับไฟลภ์ าพเบอ้ื งต้น อยา่ งเคร่งครัดและมคี วามซอ่ื สตั ย์ ต่อตนเองโดยไม่ดเู ฉลย คาตอบก่อน 4. ขณะศึกษาหากมีข้อสงสัยหรอื ขอ้ ข้องใจใหส้ อบถามครเู พอื่ ขอคาแนะนา 5. หลังจากศึกษาเอกสารประกอบการเรียนเสรจ็ ใหท้ าแบบฝึกหดั แต่ละใบความรู้ และแบบทดสอบหลงั เรียน 6. กรณีนักเรียนมคี ะแนนผลการประเมินแบบทดสอบหลงั เรียนและกิจกรรมการ เรียนร้ไู มผ่ า่ นรอ้ ยละ 80 ให้ทาการศึกษาเอกสารประกอบการเรียนอีกคร้ัง เอกสารประกอบการเรยี น เรือ่ ง การใช้งานโปรแกรม Adobe Photoshop CS6 สาหรับนกั เรยี นข้นั มัธยมศึกษาปีที่ 3 กลุ่มสาระการเรยี นรู้การงานอาชพี และเทคโนโลยี นี้ จะมีประโยชน์ต่อนักเรียน ถ้านักเรยี นศกึ ษาตามลาดับขัน้ ตอนและมคี วามซื่อสตั ย์ กรณี นักเรยี นมคี ะแนน ผลการประเมนิ แบบทดสอบหลงั เรียนและกิจกรรมการเรยี นร้ไู มผ่ า่ น รอ้ ยละ 80 ให้ทาการศกึ ษา เอกสารประกอบการเรยี นอกี ครง้ั นกั เรียนจะมีความเชา้ ใจ อยา่ งถกู ต้อง มีความรู้ ความสามารถสง่ ผลให้ นักเรียนมผี ลสมั ฤทธิ์ทางการเรียนสูงขนึ้ เอกสารประกอบการเรียน เร่อื ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พืน้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 10 เอกสารประกอบการเรยี น เรื่อง การใช้งานโปรแกรม Adobe Photoshop CS6 เลม่ ที่ 1 เรอื่ ง ความรพู้ ื้นฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 สาระการเรียนรู้ 1. ความรู้เบ้ืองตน้ เกยี่ วกบั โปรแกรม Adobe Photoshop CS6 2. การทางานกบั ไฟล์ภาพเบ้ืองต้น ผลการเรียนรู้ นกั เรยี นสามารถอธิบายข้นั ตอนการตดิ ตง้ั บอกสว่ นประกอบของหน้าต่างโปรแกรม Adobe Photoshop CS6 และการทางานกับไฟลภ์ าพเบื้องตน้ จดุ ประสงคก์ ารเรียนรู้ 1. ดา้ นความรู้ (K) 1. อธบิ ายขน้ั ตอนการติดต้งั โปรแกรม Adobe Photoshop CS6 2. บอกส่วนประกอบของหน้าต่างโปรแกรม 3. สามารถทางานกับไฟล์ภาพเบอ้ื งตน้ ได้ 2. ด้านทกั ษะ / กระบวนการ (P) ใชเ้ ทคโนโลยสี ารสนเทศในการคน้ คว้าและนาเสนอขอ้ มูล 3. ดา้ นคณุ ธรรม จรยิ ธรรม และคา่ นิยม (A) 1. มีวินยั ใฝ่เรียนรู้ และมุง่ มัน่ ในการทางาน 2. ตงั้ ใจในการทางาน และทางานสง่ ด้วยตนเองตามเวลาทก่ี าหนด เอกสารประกอบการเรยี น เรือ่ ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พนื้ ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 11 สาระสาคญั โปรแกรม Adobe Photoshop CS6 เป็นโปรแกรมคอมพิวเตอร์ที่รวบรวม เครื่องมือสาหรับตกแต่งภาพประสิทธิภาพสูง เพ่ือการทางานระดับมาตรฐานสาหรับ นักออกแบบมืออาชีพท่ีต้องการสร้างสรรค์งานกราฟิกที่โดดเด่น ทั้งงานบนเว็บไซต์ และงานสิง่ พิมพ์ การวัดผลประเมินผล วิธีวดั ผลและประเมินผล เครือ่ งมือวัดผล เกณฑ์ และประเมนิ ผล ด้านความรู้ 1. แบบฝกึ หัดท่ี 1.1 1. ตรวจแบบฝึกหัดที่ 1.1 1. ตรวจแบบฝกึ หดั ท่ี 1.1 ผา่ นเกณฑร์ ้อยละ 80 2. ตรวจแบบฝกึ หดั ท่ี 1.2 2. ตรวจแบบฝึกหดั ที่ 1.2 2. แบบฝกึ หัดที่ 1.2 3. ตรวจแบบทดสอบ 3. ตรวจแบบทดสอบ ผา่ นเกณฑ์รอ้ ยละ 80 หลังเรียน หลังเรียน 3. แบบทดสอบหลังเรียน ผ่านเกณฑ์ร้อยละ 80 ดา้ นทกั ษะ/กระบวนการเรยี นรู้ พฤติกรรมการทางาน สังเกตพฤตกิ รรม แบบสังเกตพฤติกรรม ผา่ นเกณฑร์ ้อยละ 80 ดา้ นคุณลักษณะอนั พงึ ประสงค์ ประเมินคณุ ลักษณะ แบบประเมนิ คณุ ลักษณะ คะแนนคณุ ลักษณะ อันพงึ ประสงค์ ผา่ นเกณฑ์ อนั พึงประสงค์ อนั พงึ ประสงค์ ร้อยละ 80 ดา้ นสมรรถนะสาคัญของผู้เรยี น คะแนนสมรรถนะสาคัญ ของผเู้ รียน ผา่ นเกณฑ์ ประเมินสมรรถนะสาคญั แบบประเมินสมรรถนะ ร้อยละ 80 ของผู้เรยี น สาคัญของผเู้ รียน เอกสารประกอบการเรยี น เรือ่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรูพ้ ้ืนฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 12 แบบทดสอบกอ่ นเรยี น เรอ่ื ง : รจู้ ักและใชง้ าน Photoshop CS6 รายวิชาโปรแกรมกราฟกิ เบือ้ งต้น รหัสวชิ า ง20245 กลุม่ สาระการเรยี นรู้การงานอาชีพและเทคโนโลยี ระดับชัน้ มัธยมศกึ ษาปีที่ 3 จานวน 10 ข้อ 10 คะแนน คาซ้ีแจง 1. แบบทดสอบเป็นแบบเลือกตอบ จานวน 10 ขอ้ คะแนน เตม็ 10 คะแนน ใชเ้ วลาในการทดสอบ 10 นาที 2. เลือกคาตอบท่ีถกู ตอ้ งที่สดุ เพยี งขอ้ เดยี ว แลว้ ทา เครือ่ งหมายกากบาท (X) ลงในกระดาษคาตอบ 1. โปรแกรม Adobe Photoshop เป็นโปรแกรมท่ใี ชท้ าอะไร ก. ใชส้ าหรับดหู นัง ฟงั เพลง ข. ใชส้ าหรับค้นหาเว็บไซต์ต่าง ๆ ค. ใชส้ าหรับทาภาพกราฟิกต่าง ๆ ง. ใชจ้ ัดทาเว็บไซต์ตา่ ง ๆ 2. ความสาคัญงานกราฟิกคอื อะไร ข. เพ่ือช่วยในการตกแต่งภาพ ก. เพ่ือชว่ ยในการสรา้ งเว็บไซต์ ง. ถกู ทุกข้อ ค. เพอ่ื ชว่ ยใหค้ ณุ ภาพงานดยี ่งิ ข้ึน 3. ข้อใดคอื ไฟลข์ องโปรแกรม Photoshop ก. .ACDC ข. .MPEG ค. .PSD ง. .AVI 4. การปรบั ขนาดของภาพใช้เมนใู ด ข. Image > Picture ก. Image > Image Size ง. Image > Rotate ค. Image > Size เอกสารประกอบการเรยี น เร่ือง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พนื้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 13 5. นามสกุลทนี่ ยิ มใชใ้ นการบันทึกงานจากโปรแกรม Adobe Photoshop คอื อะไร ก. Rpg , Rf ข. Jpg , Gif ค. Abc , Gif ง. Jpg , Rpg 6. Resolution คืออะไร ข. ความยาวของภาพ ก. ความสูงของภาพ ง. ความกวา้ งและความยาวของภาพ ค. ความละเอียดของภาพ 7. ข้อใดไมใ่ ชโ่ หมดสใี นโปรแกรม Adobe Photoshop ก. RGB Color ข. CMYK Color ค. JPG Color ง. Lab Color 8. ขอ้ ใดไมใ่ ช่หนว่ ยของความกว้างและความสูงของภาพใน Photoshop ก. Km ข. Inch ค. Points ง. Pixel 9. การเลือกสีพ้นื หลังเป็นแบบ Transparent หมายถงึ อะไร ก. ใหพ้ น้ื หลังมีสีขาว ข. ให้พ้นื หลงั โปรง่ ใส ค. ใหพ้ ้ืนหลังมีสตี ามสี Foreground ที่เลอื ก ง. ให้พน้ื หลังมีสตี ามที่เลอื ก 10. การต้ังขนาดของภาพเปน็ ขนาด A4 ในโปรแกรม Adobe Photoshop ตอ้ งเลือก ในหมวดใด ก. Web ข. International Paper ค. Clibboard ง. Flim & Viedio เอกสารประกอบการเรยี น เรอ่ื ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ ื้นฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 14 กระดาษคาตอบแบบทดสอบกอ่ นเรยี น ชอ่ื -นามสกุล....................................................................................เลขท.ี่ ...............................ชั้น..................... ข้อ 1 ตัวเลือก 4 เกณฑก์ ารประเมิน 23 1 ตอบถูก ขอ้ ละ 1 คะแนน 2 3 ตอบถกู /ไม่ตอบ ขอ้ ละ 0 คะแนน 4 5 แปลผลการประเมิน 6 7 ดี ไดค้ ะแนน 7-10 คะแนน 8 พอใช้ ได้คะแนน 5-6 คะแนน 9 ปรบั ปรงุ ได้คะแนน 0-4 คะแนน 10 คะแนน 7-10 คะแนน ถือว่า ผ่าน คะแนน 0-6 คะแนน ถอื วา่ ไมผ่ า่ น สรปุ ผลการประเมิน รวมคะแนน....................คะแนน ผ่าน ไม่ผ่าน ลงชือ่ ..........................................ผตู้ รวจ (นางสาววนิดา ยอดฉตั ร) เอกสารประกอบการเรยี น เรอ่ื ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ นื้ ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 15 ใบความรทู้ ี่ 1 รู้จกั และใช้งาน Photoshop CS6 1.ร้จู กั กับโปรแกรม Adobe Photoshop CS6 โปรแกรม Photoshop เป็นโปรแกรมในตระกลู Adobe ทใี่ ช้สาหรับตกแตง่ ภาพถา่ ยและภาพกราฟกิ ได้อย่างมีประสทิ ธภิ าพ ไม่วา่ จะเป็นงานดา้ นส่งิ พิมพ์ นติ ยสาร และงานดา้ นมัลตมิ เี ดยี อีกท้ังยังสามารถ retouching ตกแต่งภาพและการสรา้ งภาพ ซง่ึ กาลงั เป็นที่นิยมสูงมากในขณะนี้ เราสามารถใชโ้ ปรแกรม Photoshop ในการตกแตง่ ภาพ การใส่ Effect ตา่ ง ๆ ใหก้ ับภาพ และตวั หนังสอื การทาภาพขาวดา การทาภาพถ่ายเป็น ภาพเขียน การนาภาพมารวมกนั การ Retouch ตกแตง่ ภาพตา่ ง ๆ สามารถเรียนรูว้ ิธีการใช้โปรแกรม Adobe Photoshop น้ไี ด้ดว้ ยตวั เอง สามารถ ทีจ่ ะทาการแก้ไขภาพ ตกแตง่ ภาพ ซอ้ นภาพในรปู แบบต่าง ๆ ได้อยา่ งง่ายดาย และสิง่ ท่ี ขาดไมไ่ ด้กค็ ือ การใส่ขอ้ ความประกอบลงในภาพด้วย และเน่อื งดว้ ย Adobe Photoshop มกี ารพัฒนาโปรแกรมมาอย่างตอ่ เน่อื ง ภาพท่ี 1 แสดงช่อื โปรแกรม Adobe Photoshop CS6 ที่มา : นางสาววนดิ า ยอดฉตั ร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เรือ่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ นื้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 16 2. ความตอ้ งการของระบบสาหรบั ตดิ ต้งั โปรแกรม สาหรับผู้ทีต่ ้องการใชง้ านโปรแกรม Adobe Photoshop CS6 จะตอ้ งตรวจสอบ สเปคของเคร่อื งคอมพิวเตอร์ทเ่ี หมาะสมกบั การตดิ ตัง้ และใช้งานโปรแกรม Adobe Photoshop CS6 สาหรบั สเปคคอมขั้นตา่ ท่สี ามารถตดิ ตง้ั และใชง้ านโปรแกรม Adobe Photoshop CS6 มีดงั นี้ ซพี ยี ู (CPU) Intel Pentium 4, AMD Athlon 64 Processor ขน้ึ ไป ระบบปฏบิ ตั ิการ Windows XP Service Pack 3 เปน็ อย่างต่า ฮารด์ ดิสก์ 2 GB. ในการตดิ ตงั้ และควรมพี ้นื ทวี่ า่ งเพ่ือเปน็ หนว่ ยความจาสารอง หนว่ ยความจา (RAM) อย่างตา่ 1 GB. (แนะนาท่ี 2 GB) จอภาพ ความละเอียดขนั้ ต่า 1,024x768 pixels (แนะนาใหใ้ ช้ที่ 1,280x800) การ์ดจอ รองรับ OpenGL 2.0 และมหี นว่ ยความจาอย่างนอ้ ย 256 MB. 3. การตดิ ตั้งโปรแกรม Adobe Photoshop CS6 3.1 ดบั เบลิ คลิกไฟล์ Setup ในโฟลเดอรโ์ ปรแกรม Adobe Photoshop CS6 ภาพท่ี 2 แสดงชอ่ื ไฟล์ Setup โปรแกรม Adobe Photoshop CS6 ทีม่ า : นางสาววนดิ า ยอดฉตั ร, 3 พฤษภาคม 2559 3.2 เลือก กดปุม่ Install (เลอื ก Try กรณีทดลองใช)้ 1 ถา้ ไม่มี Serial Number ใหเ้ ลือกตดิ ตัง้ 2 แบบ Try จะทดลองใชง้ านได้ 30 วัน ภาพท่ี 3 แสดงการเลือกรูปแบบการตดิ ตง้ั ทม่ี า : นางสาววนิดา ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรียน เรอื่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ ื้นฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 17 3.3 กดปุ่ม Accept เพอื่ ยอมรับเงอ่ื นไขการใช้งาน ภาพที่ 4 แสดง Accept เพอ่ื ยอมรับเงื่อนไขการใช้งาน ทม่ี า : นางสาววนิดา ยอดฉตั ร, 3 พฤษภาคม 2559 3.4 กดปุม่ Install เพ่อื ดาเนนิ การติดตงั้ ภาพท่ี 5 แสดงปมุ่ install เพื่อเรม่ิ ตดิ ต้ัง ที่มา : นางสาววนิดา ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรียน เรือ่ ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พืน้ ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 18 3.5 รอจนติดตงั้ โปรแกรมสาเรจ็ ภาพที่ 6 แสดงสถานะตดิ ตั้ง ท่ีมา : นางสาววนดิ า ยอดฉตั ร, 3 พฤษภาคม 2559 3.5 กดปมุ่ Close เสร็จส้ินการติดต้งั ภาพท่ี 7 แสดงความสาเร็จของการตดิ ตง้ั ทมี่ า : นางสาววนิดา ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เรื่อง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ ้ืนฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 19 4. การเรยี กใชโ้ ปรแกรม Adobe Photoshop CS6 4.1 คลกิ ปุ่ม start แลว้ คลิกเลอื ก All program 11 ภาพที่ 8 ป่มุ start และ All program ท่มี า : นางสาววนดิ า ยอดฉัตร, 3 พฤษภาคม 2559 4.2 คลกิ เลอื กโปรแกรม Adobe Photoshop CS6 (64 Bit) 1 ภาพท่ี 9 แสดงโปรแกรม Adobe Photoshop CS6 ทีม่ า : นางสาววนิดา ยอดฉตั ร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เร่อื ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ น้ื ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 20 4.3 โปรแกรม Adobe Photoshop CS6 (64 Bit) แสดงหนา้ ต่างโปรแกรม (Splash Screen) เปิดเข้าสโู่ ปรแกรม ภาพท่ี 10 แสดงหน้าต่างโปรแกรม (Splash Screen) ที่มา : นางสาววนิดา ยอดฉัตร, 3 พฤษภาคม 2559 4.4 โปรแกรม Adobe Photoshop CS6 (64 Bit) พร้อมสร้างช้นิ งานใน รูปแบบตา่ ง ๆ ภาพท่ี 11 แสดงหนา้ จอการสร้างช้ินงาน ที่มา : นางสาววนดิ า ยอดฉตั ร, 3 พฤษภาคม 2559 เอกสารประกอบการเรียน เรอื่ ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พื้นฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 21 5.สว่ นประกอบหน้าจอโปรแกรม แทบชอ่ื ภาพ เมนบู าร์ (Menu bar) ย่อ-ขยาย หรือปิดโปรแกรม ออปชันบาร์ (Option bar) พ้นื ที่การทางาน (Workspace) กลอ่ งเครื่องมือ (Toolbox) พนื้ ทกี่ ารทางาน (Canvas) พาเนลตา่ งๆ (Panel) ภาพท่ี 12 แสดงส่วนประกอบของหนา้ จอโปรแกรม ทม่ี า : นางสาววนดิ า ยอดฉตั ร, 3 พฤษภาคม 2559 เอกสารประกอบการเรียน เรือ่ ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พ้ืนฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 22 6.เปลี่ยนธมี สีหนา้ ตา่ งโปรแกรม หากผู้ใช้ไม่ชอบสีเทาเข้มที่โปรแกรมจดั ไวใ้ หแ้ ต่แรก ก็สามารถเลือกปรับเปลีย่ นธมี สขี องหน้าตา่ งโปรแกรมได้ถึง 4 แบบด้วยกัน สาหรับวิธีการเปล่ียนธีมสหี น้าตา่ งโปรแกรม ทาได้ดงั นี้ 1 กดแป้น Ctrl+K บนคยี ์บอร์ด คลกิ ปมุ่ OK 5 เพื่อเปิดหน้าต่าง Preference คลิกเลือก 2 3 คลกิ เลือกธมี สี Interfac ทตี่ อ้ งการ 4 ธีมสีทง้ั 4 แบบท่สี ามารถเลอื กใชง้ านได้ ภาพที่ 13 แสดงการเปลี่ยนธมี สีหนา้ ตา่ งโปรแกรม ที่มา : นางสาววนิดา ยอดฉตั ร, 3 พฤษภาคม 2559 เอกสารประกอบการเรียน เร่อื ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พื้นฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 23 7. เมนบู าร์ (Menu Bar) เมนบู าร์เป็นแถบที่ประกอบด้วยกลมุ่ ชดุ คาสั่งต่าง ๆ ที่ใชจ้ ดั การกับไฟล์ทีเ่ ปดิ ใช้ งานใน Photoshop CS6 ในบางเมนูหลักจะมเี มนูย่อยซอ้ นอยู่ (โดยจะมเี คร่ืองหมาย ต่อท้ายคาส่ังหลักดังภาพ) คาสัง่ หลกั คลิกแสดงเมนู ยอ่ ย ภาพท่ี 14 แสดงแถบเมนบู าร์ ทม่ี า : นางสาววนิดา ยอดฉตั ร, 3 พฤษภาคม 2559 ตารางที่ 1 แสดงรูปแบบการทางานของแถบเมนคู าส่งั เมนคู าส่ัง รูปแบบการทางาน File ชุดคาสั่งสาหรบั จดั การกบั ไฟลภ์ าพในลกั ษณะตา่ ง ๆ เชน่ สรา้ งไฟล์ Edit งานใหม่ เปิดไฟล์ภาพ บันทกึ ไฟลง์ าน นาเขา้ หรือส่งออกไฟล์เพื่อ Image ทางานในลกั ษณะอ่ืน ๆ Layer ชดุ คาส่งั สาหรบั แกไ้ ขภาพ เช่น ตัด คดั ลอก วาง รวมถึงปรบั แต่งค่า เบอื้ งตน้ ของโปรแกรม ชดุ คาสั่งสาหรับจัดการภาพ เชน่ แกไ้ ขความสว่างหรือสขี องภาพให้ สมดลุ ยงิ่ ขึ้น รวมถงึ ใช้สาหรับย่อขยายขนาดภาพ และกาหนดขนาด พื้นทกี่ ารทางานของภาพ ชุดคาส่ังทีใ่ ชจ้ ัดการเกย่ี วกับเลเยอร์ของภาพ ไมว่ ่าจะเป็นการสร้าง เลเยอรใ์ หม่ การรวมเลเยอร์ การแปลง เลเยอร์ การจัดการกบั เลเยอร์ของไฟลล์ กั ษณะต่าง ๆ เอกสารประกอบการเรียน เรอ่ื ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรูพ้ ้ืนฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 24 ตารางท่ี 1 (ต่อ) แสดงรูปแบบการทางานของแถบเมนคู าส่ัง เมนูคาสง่ั รูปแบบการทางาน Type Select ชดุ คาสง่ั ท่ใี ชจ้ ัดการและปรับแต่งเกีย่ วกบั ข้อความ เชน่ ปรบั แต่งสี ขอ้ ความ ปรับแตง่ ขอบข้อความ หรือการเปล่ียนข้อความให้เป็นภาพ Filter View ชดุ คาสั่งสาหรับปรบั แต่งการเลือกพ้ืนท่ี บันทึกและเรียกพน้ื ท่ีที่เลือก Window มาใชง้ าน รวมถงึ คาส่ังสาหรับการเลือกพน้ื ที่เพื่อให้ได้ผลลัพธ์ที่ดี Help ยง่ิ ข้ึน ชดุ คาสง่ั สาหรับปรบั แตง่ ภาพให้มีรูปแบบท่นี า่ สนใจย่ิงขึน้ บิด ดดั ปรบั รูปทรงรูปแบบต่าง ๆ ให้กับภาพ ชุดคาส่ังในการเลือกรูปแบบการแสดงผล เชน่ ย่อขยายภาพ แสดง ไมบ้ รรทดั เส้นกรดิ หรอื เส้นไกด์ ชุดคาสัง่ สาหรับเลอื กเปดิ /ปิดพาเนล รวมถึงกาหนดรูปแบบการ แสดงหน้าต่างในแบบต่าง ๆ ชุดคาสั่งสาหรบั แสดงความช่วยเหลือเกยี่ วกบั การใช้เคร่อื งมอื หรอื คาส่ังในรูปแบบตา่ ง ๆ เอกสารประกอบการเรียน เร่ือง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความร้พู น้ื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 25 8. กล่องเครอื่ งมอื (Toolbox) กล่องเครอ่ื งมือ (Toolbox) จะเป็นชดุ เครอื่ งมอื ท่ีใช้จัดการกับไฟล์งานที่เราสรา้ ง ขึน้ โดยแบ่งออกเปน็ กลุ่มยอ่ ยท้ังหมด 8 กลมุ่ ตามรูปแบบการใช้งานดังนี้ คลิกเพื่อแสดงแถบ คลิกเพ่ือแสดงแถบ เคร่ืองมือ 2 แถว เครอื่ งมือแถวเดียว ลกั ษณะของแถบ เครอ่ื งมือแบบ 2 แถว ภาพท่ี 15 แสดงแถบกล่องเคร่อื งมอื ที่มา : นางสาววนดิ า ยอดฉัตร, 3 พฤษภาคม 2559 เรยี กใช้ชุดเคร่อื งมอื ยอ่ ย สาหรบั วิธกี ารเรยี กใช้เรื่องมือตา่ ง ๆ ท่อี ยู่ในกล่องเครอ่ื งมือแต่ละกลมุ่ สามารถทาได้ 2 วิธีดังน้ี คลิกทล่ี กู ศรที่มุมดา้ นล่างของเครอ่ื งมือคลิกเมาสค์ ้างเลือกเคร่อื งมือย่อย กดแปน้ คยี ล์ ดั ท่แี สดงอยู่ด้านหลงั ช่ือของเครือ่ งมือแต่ละตวั สญั ลกั ษณ์แสดง วา่ เปน็ เครอื่ งมือที่ใช้ งานอยู่ รปู ลูกศรแสดงว่า คยี ์ลัดสาหรบั เรียก มเี ครอ่ื งมือย่อย ใช้งานเครือ่ งมอื น้ัน ภาพที่ 16 แสดงการเรียกใชช้ ุดเคร่อื งมือย่อย ที่มา : นางสาววนดิ า ยอดฉตั ร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เรอื่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความร้พู ้นื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 26 9. เครื่องมอื ของ Adobe Photoshop CS6 Tool Panel (ทูลพาเนล) หรอื กลอ่ งเครอ่ื งมอื จะประกอบไปดว้ ยเครือ่ งมอื ต่าง ๆ ที่ใชใ้ น การวาด ตกแตง่ และแกไ้ ขภาพ เครอื่ งมอื เหลา่ น้ีมีจานวนมาก ดงั นั้นจึงมีการรวมเครอ่ื งมือทที่ า หนา้ ท่ีคลา้ ย ๆ กันไวใ้ นปุ่มเดยี วกัน โดยจะมลี กั ษณะรปู สามเหลี่ยมอยบู่ ริเวณมุมดา้ นลา่ งดังภาพ เพ่ือบอกให้รู้วา่ ในปุ่มนี้ยังมีเครือ่ งมอื อืน่ อยดู่ ้วย A B C E D F G H ภาพท่ี 17 แสดงการกล่องเครื่องมอื (ทูลพาเนล) ท่ีมา : นางสาววนิดา ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เร่อื ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความร้พู ืน้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 27 A กลุ่มเคร่ืองมือสาหรับการเลือกเพ่ือย้ายวัตถุ หรือรูปภาพไปยังตาแหน่งท่ีต้องการ รวมถึงสร้าง Selection เพื่อเลือกทางานกับบางส่วนของภาพ เช่น การระบายสี หรือลบ สว่ นท่ีไมต่ ้องการออกไป ซ่ึงประกอบด้วยเครอ่ื งมือต่าง ๆ ดงั นี้ ตารางท่ี 2 แสดงกลุม่ เครอื่ งมอื สาหรับการเลือกเพ่ือยา้ ยวัตถุ เครอื่ งมือ รูปแบบการทางาน (Move Tool) ใช้เคล่ือนย้ายภาพบริเวณท่ีเลือกพื้นที่หรือไม่ได้ เลือกพืน้ ทไ่ี ปยังตาแหน่งใหม่ (Rectangular Marquee เลอื กพื้นที่แบบรปู ทรงสเ่ี หลย่ี ม Tool) (Elliptical Marquee Tool) เลือกพื้นที่แบบรปู ทรงวงกลม วงรี (Single Row Marquee Tool) เลือกพน้ื ทแี่ บบเสน้ ตรงแนวนอน (Single Column Marquee เลือกพืน้ ทแี่ บบเสน้ ตรงแนวตง้ั Tool) (Lasso Tool) เลอื กพน้ื ท่แี บบอิสระ (Polygonal Lasso Tool) เลอื กพื้นทแี่ บบมมุ เหลย่ี ม (Magnetic Lasso Tool) เลือกพน้ื ทแี่ บบชดิ เสน้ ขอบภาพ (Quick Selection Tool) เลอื กพนื้ ที่ตามพืน้ ทท่ี ล่ี ากเมาส์ผา่ น (Magic Wand Tool) เลอื กพืน้ ที่โดยยดึ ตามสที ม่ี ีคา่ ใกลเ้ คยี งกัน BG กลมุ่ เครื่องมือสาหรับการตดั ภาพเพอื่ เลือกเฉพาะสว่ น หรอื ห่นั ภาพเพอ่ื ใชบ้ นเว็บไซต์ ตารางที่ 3 กล่มุ เคร่อื งมือสาหรบั การตดั ภาพเพอ่ื เลือกเฉพาะสว่ น เครอ่ื งมือ รปู แบบการทางาน (Crop Tool) ใช้ตดั ภาพโดยเลือกเฉพาะบริเวณท่ตี ้องการ (Perspective Crop Tool) ใชต้ ัดภาพทม่ี ีมมุ บิดเบี้ยวใหเ้ ปน็ มมุ ที่ถกู ต้อง (Slice Tool) ใช้ตัดภาพออกเป็นช้ินเล็ก ๆ เพ่ือนาไปใช้ (Slice Select Tool) ออกแบบบนเวบ็ เพจ ใช้ปรับแต่งขนาดของภาพท่ีตัดออกเป็นชิ้น เล็ก ๆ จากเครอ่ื งมอื Slice Tool เอกสารประกอบการเรยี น เรอื่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พน้ื ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 28 C กลมุ่ เครอื่ งมือสาหรับวัดค่า เช่น เก็บค่าสีเพอื่ ใช้เปรยี บเทียบ วัดระยะ การตรวจนบั ตารางท่ี 4 แสดงเครอื่ งมอื สาหรบั วดั คา่ เคร่ืองมือ รปู แบบการทางาน (Eyedropper Tool) ใช้เลือกสีจากภาพไปใช้งาน (Color Sampler Tool) ใชด้ ดู สไี ว้สาหรบั เปรยี บเทียบคา่ (Ruler Tool) ใชว้ ัดระยะหา่ งและกาหนดตาแหน่ง (Note Tool) ใช้เพมิ่ คาอธิบายให้กบั ภาพ D กลุ่มเคร่ืองมือสาหรับการรีทัชภาพ โดยแบ่งเป็นกลุ่มเครื่องมือย่อยได้แก่ กลุ่มการแก้ไขพื้นผิว กลุ่มสาหรับการตัดฉากหลัง กลุ่มสาหรับปรับความคมชัด และกลุ่ม สาหรับปรับแตง่ สีเฉพาะจดุ ตารางที่ 5 แสดงกล่มุ เครื่องมือสาหรับการรีทชั ภาพ เครือ่ งมอื รปู แบบการทางาน (Spot Healing Brush Tool) ใชแ้ ก้ไขพื้นผิวจุดบกพร่องขนาดเลก็ ๆ บนภาพ (Healing Brush Tool) ใชแ้ ก้ไขพื้นผิวทเี่ ป็นจุดบกพร่องขนาดใหญ่ (Patch Tool) ใช้แก้ไขพ้ืนผิวของภาพขนาดใหญ่ โดยการนา พ้ืนผิวอนื่ มาซอ้ นทับ (Content-Aware Move Tool) ใ ช้ ย้ า ย วั ต ถุ ใ น ภ า พ ไ ป ยั ง ต า แ ห น่ ง ใ ห ม่ โ ด ย (Red Eye Tool) เคร่ืองมือจะเติมสพี ้นื หลงั ให้ด้วย (Clone Stamp Tool) ใช้แก้ไขภาพถ่ายบุคคลท่ีมีปัญหาแสงแฟลต กระทบทาให้เกิดตาแดง ใชค้ ดั ลอกวตั ถุจากจุดหน่ึงไปแปะทับอีกจุดหน่ึง (Pattern Stamp Tool) ใชต้ กแต่งภาพพ้ืนผวิ ทคี่ ลกิ แทนทลี่ งไปบนภาพ (Eraser Tool) ใช้ลบพ้ืนที่ที่ไม่ต้องการและแทนที่ด้วยสีพื้น หลัง (Background Eraser Tool) ใช้ลบภาพพื้นหลังออกด้วยการคลิกเลือกสี ท่จี ะลบและจะไดพ้ ้ืนหลงั แบบโปร่งใส เอกสารประกอบการเรียน เรือ่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความร้พู ื้นฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 29 ตารางที่ 5 แสดงกลุ่มเครือ่ งมือสาหรบั การรีทชั ภาพ (ต่อ) เครอื่ งมือ รูปแบบการทางาน (Magic Eraser Tool) ใชล้ บสพี น้ื หลังภาพอย่างรวดเร็ว (Blur Tool) ใช้ระบายภาพใหเ้ บลอในจุดท่ลี ากเมาส์ (Sharpen Tool) ใช้ปรับเพิ่มความคมชดั ให้ภาพ (Smudge Tool) ใช้เกลย่ี สใี หก้ ลมกลนื ในจุดท่ลี ากเมาส์ (Dodge Tool) ใช้เพ่มิ ความสว่างให้จดุ ที่ลากเมาส์ผา่ น (Burn Tool) ใชเ้ พ่ิมความมดื ให้จดุ ที่ลากเมาสผ์ า่ น (Sponge Tool) ใช้ลดและเพ่ิมความอ่ิมตัวของสี โดยการ ลากเมาสผ์ า่ น E กลุ่มเครอื่ งมอื สาหรับการระบายสีและการลงสีด้วยวธิ ีต่างๆ โดยมีกล่มุ ย่อยแบ่งตาม การใช้งาน เชน่ การระบายสี วาดเสน้ แปลงภาพเป็นภาพวาดระบายสี หรือการลงสแี บบ ไล่โทน เปน็ ตน้ ตารางท่ี 6 แสดงกลมุ่ เครอ่ื งมือสาหรับการระบายสีและการลงสี เครื่องมือ รูปแบบการทางาน (Brush Tool) ใช้ระบายสีบนภาพ ซึ่งสามารถกาหนดให้ เปน็ ไดท้ ้ังสีพื้น หรอื เส้นท่เี ป็นลวดลาย (Pencil Tool) ใช้ระบายสีบนภาพ ซ่ึงสามารถกาหนดให้ เปน็ ได้ทั้งสพี น้ื หรือเสน้ ที่เปน็ ลวดลายตา่ ง ๆ (Color Replacement ใชแ้ ดรกเมาส์ไปบนสว่ นท่ตี อ้ งการเพื่อแทนด้วย Tool) สีใหม่ โดยจะคงแสงเงาเดมิ ไว้ (Mixer Brush Tool) ใชแ้ ปลงภาพถา่ ยใหก้ ลายเป็นภาพวาด (History Brush Tool) (Art History Brush Tool) ใช้ย้อนกลบั การทางานเมื่อลากเมาสไ์ ปบนภาพ (Gradient Tool) (Paint Bucket Tool) ใชเ้ ปลี่ยนเปน็ ภาพวาดเมือ่ ลากเมาสไ์ ปบนภาพ ใชล้ ากเมาสไ์ ปบนภาพเพ่อื ไลเ่ ฉดสี ใช้เพื่อเตมิ สหี รอื ลวดลายลงไปบนภาพ เอกสารประกอบการเรียน เรื่อง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ น้ื ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 30 F กลุ่มเคร่ืองมือสาหรับสร้างรูปทรงเวคเตอร์ ผู้ใช้สามารถบิดหรือดัดรูปทรงได้โดย ไม่สูญเสียรายละเอียด เช่น การวาดภาพในกลุ่มเครื่องมือ Pen Tool, การสร้างตัวอักษร หรือการวาดรปู ทรงในกล่มุ Shape Tool ตารางท่ี 7 แสดงกลมุ่ เครอ่ื งมือสาหรับสรา้ งรูปทรงเวคเตอร์ เครอื่ งมอื รูปแบบการทางาน (Pen Tool) ใชส้ ร้างเสน้ พาธโดยการลากเมาสก์ าหนดทศิ ทาง (Freeform Pen Tool) ใช้สร้างเสน้ พาธอสิ ระเพอ่ื ปรับแต่งในภายหลงั (Add Anchor Point Tool) ใชเ้ พิม่ จุดแองเคอร์เพ่ือปรับแตง่ รูปทรงเส้นพาธ (Delete Anchor Point ใช้ลบจุดแองเคอร์ทม่ี ากเกินไป Tool) ใชป้ รบั แตง่ มมุ ของเสน้ พาธ (Convert Point Tool) (Horizontal Type Tool) ใชส้ รา้ งขอ้ ความแนวนอนปกติ (Vertical Type Tool) ใชส้ รา้ งขอ้ ความแนวตั้ง (Horizontal Type Mask ใช้สร้างข้อความแนวนอนแบบ Selection Tool) (Vertical Type Mask Tool) ใชส้ ร้างข้อความแนวต้งั แบบ Selection (Path Selection Tool) ใช้ย้ายตาแหนง่ หรือปรับขนาดเส้นพาธ (Direct Selection Tool) ใช้คลกิ บนจุดแองเคอรป์ รับแตง่ รูปทรงเส้นพาธ (Rectangle Tool) ใช้สร้างเสน้ พาธ หรือรปู ทรงแบบส่เี หลยี่ ม (Rounded Rectangle ใช้สร้างเส้นพาธ หรือรูปทรงแบบส่ีเหลี่ยม Tool) ขอบมน (Ellipse Tool) ใชส้ ร้างเส้นพาธ หรอื รปู ทรงแบบวงกลม (Polygon Tool) ใชส้ ร้างเส้นพาธ หรือรูปทรงแบบหลายเหลยี่ ม (Line Tool) ใชส้ ร้างเส้นพาธ หรอื รูปทรงแบบเส้นตรง (Custom Shape Tool) ใชส้ รา้ งเสน้ พาธรปู ทรงอิสระในโปรแกรม เอกสารประกอบการเรยี น เรือ่ ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความร้พู ้นื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 31 G กลมุ่ เครือ่ งมือสาหรบั จัดการกับมมุ มองของภาพ มีทง้ั หมด 3 ตวั ดังน้ี ตารางท่ี 8 แสดงกล่มุ เคร่ืองมือสาหรับจัดการกับมุมมองของภาพ เครอ่ื งมือ รปู แบบการทางาน (Hand Tool) ใช้เลื่อนดสู ่วนตา่ ง ๆ ของภาพ (Rotate View Tool) ใช้สาหรับหมุน-เอียงภาพให้อยู่ในองศาท่ีง่าย (Zoom Tool) ตอ่ การทางาน ใชส้ าหรบั ยอ่ -ขยายมมุ มองการแสดงภาพ H กลมุ่ เครือ่ งมือสาหรบั จัดการกับโหมดของหน้าจอ ดังน้ี ตารางที่ 9 แสดงกลมุ่ เคร่ืองมือสาหรบั จดั การกบั โหมดของหนา้ จอ เครอื่ งมือ รปู แบบการทางาน (Foreground/Background) ใช้กาหนดสพี ้ืนหน้าและสพี ้นื หลัง (Edit in Standard Mode/ Edit in Quick Mask Mode) ใช้แสดงหรือแก้ไขภาพในโหมดปกติและแสดง การทางานคล้ายการสร้างหน้ากาก เพ่ือปิดบัง (Standard Screen Mode) พื้นท่ีส่วนท่ีไม่ต้องการเลือกเอาไว้ โดยสามารถ (Full Screen Mode with คลิกเมาส์สลับโหมดไปมาได้ Menu Bar ) ใชแ้ สดงหนา้ จอแบบมาตรฐานปกติ (Screen Mode) ใช้แสดงแบบเต็มหน้าจอโดยไม่มีแถบ ชื่อเร่ือง ของโปรแกรม ใช้แสดงแบบเต็มหน้าจอโดยไม่มีแถบ ชื่อเรื่อง และแถบเมนูคาส่งั เอกสารประกอบการเรียน เรื่อง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรูพ้ ื้นฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 32 10. ออปช่ันบาร์ (Option Bar) เปน็ สว่ นทใี่ ชป้ รับแตง่ คา่ การทางานของเครอ่ื งมือตา่ ง ๆ โดยรายละเอียดในออปช่ัน บารจ์ ะเปล่ียนไปตามเครอ่ื งมือทเ่ี ราเลือกในขณะนนั้ เช่นเมื่อเลอื กเคร่ืองมือ Move Tool บนออปชนั่ บาร์จะปรากฏออปชัน่ ท่ใี ชส้ าหรบั จดั ตาแหนง่ วตั ถุท่เี ลอื ก เป็นต้น ออปชั่นบาร์ทเี่ กย่ี วข้องกบั เคร่ืองมือ Move Tool ภาพที่ 18 แสดงออปชั่นบาร์ ที่มา : นางสาววนิดา ยอดฉตั ร, 3 พฤษภาคม 2559 11. หน้าต่างพาเนล (Panel) หน้าต่างพาเนล เป็นหน้าต่างย่อย ๆ ที่ใช้สาหรับเลือกรายละเอียดหรือควบคุมการ ทางานของโปรแกรม ซึ่งสามารถจัดการกับพาเนลเหล่าน้ีได้ด้วยวิธีการต่าง ๆ เพื่อให้ สะดวกกบั การใช้งานมากขึ้น เปิด/ปดิ หนา้ ต่างพาเนล วิธีการเรียกใช้งาน หรือปดิ หน้าตา่ งพาเนล สามรถทาไดห้ ลายวิธี ดังนี้ - คลกิ เมนู Window > เลือกพาเนลทต่ี ้องการ - กดแปน้ คยี ล์ ดั ของพาเนลนนั้ เช่น พาเนล Brush ให้กดแป้นคยี ์ลดั F5 เปน็ ตน้ - คลกิ ปุม่ ไอคอนบนแถบพาเนล - คลกิ แถบทชี่ อ่ื พาเนลทซ่ี ้อนกันอยู่ เอกสารประกอบการเรียน เร่ือง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ นื้ ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 33 คลกิ เมนู Windows > เลอื กพาเนลทต่ี ้องการ คลกิ แถบช่ือพาเนลท่ซี อ้ นกนั อยู่ คลิกปุม่ ไอคอนบนแถบพาเนล ภาพที่ 19 แสดงหนา้ ต่างพาเนล ท่ีมา : นางสาววนดิ า ยอดฉตั ร, 3 พฤษภาคม 2559 พบั หน้าตา่ งพาเนล ในกรณที ่ตี ้องการเพิ่มพ้นื ท่ีการทางาน สามารถทาได้โดยคลิกปุ่ม เพือ่ พบั เกบ็ หนา้ ตา่ งพาเนล และเมื่อต้องการใชง้ านพาเนลที่พบั หนา้ ต่างเกบ็ ไป ก็ให้คลิกปุ่ม เพ่อื เลือกขยายหน้าต่างพาเนล คลกิ ปุม่ เพอื่ พบั เก็บหน้าตา่ งพาเนล หน้าตา่ งพาเนลท่พี บั เกบ็ ภาพท่ี 20 แสดงการพบั หนา้ ตา่ งพาเนล ท่ีมา : นางสาววนดิ า ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เร่อื ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พ้นื ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 34 ยอ่ /ขยายขนาดหนา้ ต่างพาเนล เมื่อเปิดพาเนลขึ้นมาใช้งานเป็นจานวนมาก อาจทาให้มองไม่เห็นรายการ การทางานหรือคาส่ังต่างๆได้หมด ดังนั้นอาจต้องปรับย่อ/ขยายขนาดหน้าต่างพาเนลท้ัง ความสูงหรือความกว้าง โดยเล่ือนเมาส์ไปชี้ท่ีขอบพาเนลแล้วลากเมาส์ปรับขนาดตาม ตอ้ งการ เ ล่ื อ น เ ม า ส์ ไ ป ช้ี ท่ี ข อ บ พาเนลแล้วลากเมาส์ไป ทางซ้ายเพ่ือขยายความ กว้างพาเพล ห รือไป ท า ง ข ว า เ พื่ อ ล ด ค ว า ม กว้างพาเนล เล่ือนเมาส์ไปช้ีท่ีขอบพาเพลแล้วลาก เมาส์ข้ึนบนเพื่อขยายความสูงพาเพล หรอื ลงล่างเพื่อลดความสงู พาเนล ภาพที่ 21 แสดงการยอ่ /ขยายขนาดหนา้ ตา่ งพาเนล ที่มา : นางสาววนดิ า ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เร่อื ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรูพ้ ื้นฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 35 12. เลือกพน้ื ทีท่ างาน (Workspace) ใน Photoshop CS6 ไดเ้ ตรยี มพ้ืนท่กี ารทางาน หรือ Workshop ตามลกั ษณะงาน ให้เหมาะสมกับการทางานถึง 7 รูปแบบ สาหรับการเลือก Workspace ทาได้โดย คลิก เลือกช่ือ Workspace ที่ต้องการตรงมุมบนขวาของหน้าต่างโปรแกรม และตัวอย่าง Workspace ทโ่ี ปรแกรมเตรียมไวใ้ หม้ ีดังนี้ Workspace ทใ่ี ชง้ านอยู่ คลิกเลอื ก Workspace ท่ตี อ้ งการ Essentials แสดงพาเนลพนื้ ฐาน ที่เหมาะกับการทางานทกุ รูปแบบ ภาพที่ 22 แสดงการเลือกพ้ืนทที่ างาน ท่มี า : นางสาววนดิ า ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เร่อื ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรูพ้ ื้นฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 36 แบบฝกึ หัดท่ี 1.1 เร่อื ง : ร้จู ักและใชง้ าน Photoshop CS6 รายวิชาโปรแกรมกราฟิกเบอ้ื งต้น รหสั วิชา ง20245 กล่มุ สาระการเรยี นรู้การงานอาชีพและเทคโนโลยี คาช้ีแจง : ใหผ้ เู้ รียนตอบคาถามตอ่ ไปนี้ ใหไ้ ด้ใจความท่ีสมบูรณถ์ ูกตอ้ ง (10 คะแนน) 1. เคร่ืองคอมพวิ เตอร์สาหรับติดตง้ั โปรแกรม Adobe Photoshop CS ควรมี คณุ สมบัติอย่างไร ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... ………………………………………………………………………………………..........................................………... 2. จงอธบิ ายหน้าท่ีของหมายเลข ตอ่ ไปน้ี 1 2 1 4 5 3 1.1 หมายเลข 1 คือ…………………………………………….………………………….............................. 1.2 หมายเลข 2 คอื …………………………………………….………………………….............................. 1.3 หมายเลข 3 คือ…………………………………………….………………………….............................. 1.4 หมายเลข 4 คอื …………………………………………….………………………….............................. 1.5 หมายเลข 5 คือ…………………………………………….………………………….............................. เอกสารประกอบการเรยี น เรอื่ ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความร้พู ืน้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 37 3. จงอธิบายเคร่อื งมือในวงกลมสีแดง เป็นกลมุ่ เครอ่ื งมือทีส่ ามารถทาอะไรไดบ้ ้าง A …………………………………………………………………………………….............. …………………………………………………………………………………….............. A …………………………………………………………………………………….............. …………………………………………………………………………………….............. …………………………………………………………………………………….............. …………………………………………………………………………………….............. B B …………………………………………………………………………………….............. …………………………………………………………………………………….............. C …………………………………………………………………………………….............. C …………………………………………………………………………………….............. …………………………………………………………………………………….............. E …………………………………………………………………………………….............. D D …………………………………………………………………………………….............. …………………………………………………………………………………….............. …………………………………………………………………………………….............. E …………………………………………………………………………………….............. F …………………………………………………………………………………….............. …………………………………………………………………………………….............. …………………………………………………………………………………….............. G F …………………………………………………………………………………….............. …………………………………………………………………………………….............. …………………………………………………………………………………….............. H G …………………………………………………………………………………….............. …………………………………………………………………………………….............. H …………………………………………………………………………………….............. …………………………………………………………………………………….............. ช่อื -นามสกุล............................................................................................ชั้น………………เลขที.่ .................... เอกสารประกอบการเรยี น เรื่อง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรูพ้ น้ื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 38 เกณฑก์ ารใหค้ ะแนน ได้ 3 คะแนน ตอบคาถามถกู ต้อง ครบถ้วน ได้ 2 คะแนน ตอบคาถามยังไมส่ มบูรณ์ แต่สว่ นใหญถ่ กู ต้อง ได้ 1 คะแนน ตอบคาถามส่วนใหญ่ไมถ่ ูกต้อง ได้ 0 คะแนน ตอบคาถามไม่ถูกตอ้ ง คะแนนทีไ่ ด้ เอกสารประกอบการเรียน เรื่อง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ ื้นฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 39 ใบความรู้ท่ี 2 การทางานกับไฟลภ์ าพเบือ้ งตน้ 1. ทางานกบั ไฟลภ์ าพเบื้องต้น ในใบความรู้นีเ้ ราจะทาความรจู้ ักกับไฟล์ภาพทกุ รูปแบบทสี่ ามารถนามาใช้งาน หรือตกแตง่ ใน Photoshop ได้ เชน่ JPG, GIF, PNG, TIFF, และ PSD เป็นตน้ นอกจากนี้ จะได้เรียนรูว้ ธิ ีการจัดการกบั ไฟล์ภาพเบอ้ื งต้น เช่น การเปดิ ไฟล์, การปดิ ไฟล์, หรือการ ยอ่ /ขยายภาพอีกดว้ ย ประเภทของภาพกราฟกิ ทใี่ ช้งาน ภาพกราฟิกท่ีสามารถนามาใช้งานในโปรแกรม Photoshop มีอยู่หลายรูปแบบ แต่สามารถแบ่งออกได้เป็น 2 ประเภทคือ ภาพบิทแมพ (Bitmap) และภาพเวคเตอร์ (Vector) ซ่งึ มีความแตกตา่ งกนั ดังน้ี ภาพบิทแมพ (Bitmap) หรือภาพแบบราสเตอร์ (Raster) คือภาพที่เกิดจากจดุ สี ท่ีเรียกว่า Pixel ซึ่งประกอบกันเป็นรูปร่างบนพ้ืนท่ี ท่ีมีลักษณะเป็นเส้นตาราง (กริด) แต่ ละพิกเซลจะมีค่าของตาแหน่ง และค่าสีของตัวเอง ภาพหนึ่งภาพ จะประกอบด้วยพิกเซล หลายๆ พิกเซลผสม ด้วยเหตุท่ีภาพแบบ Bitmap เป็นภาพที่ข้ึนอยู่กับความละเอียด หรือความคมชัด (Resolution ) ซ่ึงก็คือ จานวนพิกเซลท่ีแน่นอนในการแสดงภาพ ดังนั้น เมื่อมีการขยายภาพ จะเกิดปัญหาคือ เห็นเป็นกรอบสี่เหล่ียมเล็ก ๆ หลาย ๆ จุดประกอบ กัน เพราะกริดของภาพมีขนาดที่แนน่ อนนัน่ เอง ภาพที่ 23 แสดงตัวอยา่ งภาพบทิ แมพ (Bitmap) ทมี่ า : http://www.serif.com/blog, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เร่ือง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความร้พู น้ื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 40 ภาพเวคเตอร์ (Vector) เป็นภาพที่มีลักษณะของการสร้างจากคอมพิวเตอร์ ท่ีมีการสร้างให้แต่ละส่วนของภาพเป็นอิสระต่อกัน โดยแยกชิ้นส่วนของภาพท้ังหมด ออกเป็นเส้นตรง รูปทรง หรือ ส่วนโค้ง โดยอ้างอิงตามความสัมพันธ์ทางคณิตศาสตร์หรือ อาศัยการคานวณทางคณิตศาสตร์ โดยมีสีและตาแหน่งของสีท่ีแน่นอน ฉะน้ันไม่ว่าจะมี การยอ่ ขยายขนาดของภาพ ก็จะไมเ่ สียรูปทรง และความละเอยี ดของภาพจะไม่ลดลงจงึ ทา ใหภ้ าพยังคงชดั เจนเหมือนเดมิ แม้ขนาดของภาพจะมขี นาดใหญข่ ้นึ หรอื เล็กลงก็ตาม การประมวลผลภาพแบบ Vector ได้แก่ภาพท่ีมี นามสกุล .AI, .DRW, .CDR , .EPS, .PS ซึ่งโปรแกรมที่ใช้ในการวาดภาพก็มีมากมายหลายโปรแกรม เช่น Illustrator, CorelDraw และ ภาพ .WMF ซึ่งเป็นภาพคลิปอาร์ตในโปรแกรม Microsoft Word และ ภาพ .DWG ในโปรแกรมการออกแบบ AutoCAD เปน็ ต้น ภาพท่ี 24 แสดงตวั อย่างภาพเวคเตอร์ (Vector) ท่ีมา : http://www.serif.com/blog, 3 พฤษภาคม 2559 ชนิดของไฟลภ์ าพทใี่ ช้ใน Photoshop ชนิดของไฟลภ์ าพบทิ แมพทม่ี กั นามาใชใ้ น Photoshop มอี ยู่หลายชนดิ ทั้งนี้ ขึ้นอยกู่ บั ลกั ษณะงานท่นี าไปใช้ ดังตอ่ ไปน้ี JPG, JPEG (Joint Photographic Expert Group) เป็นรูปแบบท่นี ิยมใช้มากทสี่ ุด เหมาะกับภาพท่มี ตี ้องใชเ้ ฉดสีละเอียดสงู เพราะ สามารถแสดงเฉดสีได้ถึง 16.7 ล้านสี (24 บทิ ) นยิ มใชก้ นั ในกลุ่มภาพถ่าย, ภาพวาดแบบ Painting , ภาพท่ีสร้างขน้ึ จากโปรแกรม 3D เป็นตน้ สกุลไฟล์ Jpg ไม่สามารถบนั ทึกภาพ ให้พ้นื หลังเป็นเป็นแบบโปรง่ ใส หรอื กงึ่ โปรง่ ใสได้ แตส่ ามารถกาหนดความละเอียดในการ บนั ทกึ ภาพได้ ซ่งึ กจ็ ะส่งผลต่อ \"คุณภาพ\" และ \"ขนาดเนอื้ ทไี่ ฟล์\" ของภาพนัน้ ๆ โดยตรง ด้วย เอกสารประกอบการเรยี น เรือ่ ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ นื้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 41 GIF (Graphic Interchange Format) เป็นสกุลไฟล์ที่เหมาะกบั ภาพท่ีไม่มีเฉดสซี บั ซอ้ น เช่น ภาพตัวการ์ตูน, ตัวอักษร, ภาพลายเส้นต่าง ๆ จุดเด่นของภาพชนิดนี้ คือ เมื่อนามาใช้กับภาพที่มีเฉดสีซับซ้อนน้อย จะมีขนาดไฟล์เล็ก โหลดแสดงผลได้รวดเร็ว จึงมักถูกนามาใช้ทาเป็นภาพเคล่ือนไหว (Animation) ประกอบเว็บ, ไอคอนเว็บ, แทบเมนู, ป้ายโฆษณาเว็บ เป็นต้นและอีกจุดเด่น หน่ึงท่ีภาพสกุล Gif สามารถทาได้นั่นก็คือ การบันทึกภาพโดยให้พ้ืนหลังกลายเป็นพื้น โปร่งใส หรือกง่ึ โปรง่ ใสได้ PNG (Portable Network Graphic) เป็นสกุลไฟล์ที่พัฒนามาจากสกุลไฟล์ Gif โดยมีจุดเด่นท่ีมีเฉดสีมาก และความ คมชัดสูงกว่าแบบ Jpg (แต่ก็มีขนาดไฟล์ใหญ่ขึ้นมากด้วยเช่นกัน) โดยจะมีระดับความ ละเอียดของเฉดสีให้เลือก (ยิ่งละเอียดมาก ย่ิงใช้เนื้อท่ีไฟล์มาก) ขณะบันทึกไฟล์ภาพ สามารถเลือกได้ว่าจะบันทึกแบบความละเอียดของภาพจะไม่ถูกลด หรือจะให้ถูกลด คุณภาพลดก็ได้ นอกจากนี้ภาพสกุล PNG ยังนาจุดเด่นของ Gif มาด้วยน่ันคือ สามารถ บันทกึ ภาพให้เป็นแบบโปร่งใส หรือแบบกึ่งโปร่งใสได้ TIF, TIFF (Tagged Image File Format) เป็นสกุลไฟล์ภาพที่นิยมนามาใช้มางานด้านสื่อส่ิงพิมพ์ โดยมักถูกเรียกใช้งาน ในโปรแกรมจดั หนา้ หนังสือ PageMaker และ InDesign เพราะภาพมีความคมชัดสูง (ไฟล์ ภาพมีขนาดค่อนข้างใหญ่) สามารถเลือกการบันทึกภาพให้เป็นได้หลายแบบ เพ่ือรักษา คณุ ภาพของภาพให้เท่าเดมิ หรอื จะลดคุณภาพของภาพลงกไ็ ด้ Raw File คือไฟล์ข้อมูลดิบที่กล้องถ่ายภาพดิจิตอลเก็บบันทึกไว้ มีขนาดไฟล์ใหญ่มาก และ มีเฉดสีมากว่าสกุลภาพแบบอ่ืนๆ กล้องแต่ละค่ายจะบันทึกสร้างไฟล์ภาพสกุล Raw แตกต่างกัน และไฟล์ภาพชนิดนี้จะไม่สามารถเปิดแบบปกติเหมือนสกุลภาพชนิดอ่ืนได้ ต้องมโี ปรแกรมเฉพาะทม่ี คี ุณสมบตั ใิ นการเปดิ ดูภาพสกุล Raw โดยตรง PSD เป็นไฟล์ท่ีมีโรงสร้างแบบเลเยอร์ และมักจะประกอบด้วยภาพโปร่งใส เมื่อนา เลเยอร์ภาพต่างๆ มาซ้อนกันก็จะได้ภาพทีละหลายองค์ประกอบบนภาพหน่ึงๆ ซึ่งไฟล์ ประเภทน้ีจะไม่บีบอัดขนาดไฟล์ทาให้ไฟล์มีขนาดค่อนข้างใหญ่ และสามารถนากลับมา แกไ้ ขภายหลังได้ เอกสารประกอบการเรียน เร่อื ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ นื้ ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 42 2.สว่ นประกอบของหนา้ ตา่ งภาพ ก่อนท่จี ะเรียนรกู้ ารทางานกับไฟล์ภาพ เราควรทาความรจู้ ักกบั สว่ นประกอบของ หนา้ ตา่ งภาพเสียกอ่ น เพื่อให้สามารถใชง้ านส่วนอื่น ๆ ไดง้ ่ายขึ้น ดงั นี้ *ดรู ูปขยาย เปอรเ์ ซน็ ต์การซมู ภาพ คุณสมบตั ิของภาพ เช่น ขนาดภาพ ความละเอยี ด เปอรเ์ ซน็ การซูมภาพ เลเยอรท์ ่เี ลอื กใช้ ชื่อไฟลภ์ าพ โหมดสีของภาพ เคร่ืองหมาย*(ดอกจนั ) แสดงวา่ ยังไม่ได้บนั ทกึ ไฟล์ ภาพที่ 25 แสดงสว่ นประกอบของหน้าต่างภาพ ทีม่ า : นางสาววนิดา ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เรือ่ ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความร้พู น้ื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 43 3. เปิดไฟลภ์ าพใชง้ าน สาหรับวิธีการเปดิ ไฟลภ์ าพในโปรแกรม Photoshop เพื่อนาไปตกแตง่ ใชง้ านต่อไป นน้ั สามารถเลือกเปิดไฟล์ภาพทต่ี อ้ งการได้ดว้ ยกนั หลายวิธีแล้วแต่ความสะดวกและ ลักษณะการใชง้ าน ดังน้ี เปิดไฟลภ์ าพท่ีมอี ยแู่ ล้ว สาหรับวิธกี ารเปิดไฟล์ภาพท่มี ีอยู่แลว้ ข้ึนมาใชง้ าน ทาไดด้ งั นี้ 1 คลกิ เมนู File > Open คลกิ เลอื กไฟลใ์ นท่จี ัดเกบ็ 2 คลิกปมุ่ Open 3 ภาพที่ 26 แสดงการเปิดไฟลภ์ าพท่มี ีอย่แู ลว้ ทมี่ า : นางสาววนิดา ยอดฉัตร, 3 พฤษภาคม 2559 Note หากต้องการเปิดไฟล์ภาพพร้อมกันหลายภาพ ถ้าไฟลเ์ รียงติดกันให้กดแปน้ Shift ค้างไว้แล้วคลกิ เลอื กภาพ แต่ถา้ ไฟล์ภาพไมเ่ รยี งตดิ กนั ให้กดแปน้ Ctrl ค้างไวแ้ ล้วคลกิ เลอื กภาพ เอกสารประกอบการเรียน เร่อื ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พน้ื ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 44 เปดิ ไฟล์ภาพท่เี คยเปดิ ใช้งานลา่ สุด ในกรณีที่ตอ้ งการเปดิ ไฟลภ์ าพ ท่เี คยใช้งานอกี ครั้ง สามารถทาไดง้ า่ ย ๆ โดยคลกิ ท่เี มนู File > Open Recent > เลอื กชอื่ ไฟลท์ ่ตี ้องการ คลิกเมนู File > Open Recent > เลอื กช่อื ไฟลล์ า่ สดุ ท่ีต้องการ ภาพที่ 27 แสดงการเปดิ ไฟลภ์ าพทเ่ี คยเปิดใชง้ านลา่ สุด ทมี่ า : นางสาววนดิ า ยอดฉัตร, 3 พฤษภาคม 2559 เปิดไฟลภ์ าพดว้ ยการลากแลว้ ปลอ่ ย อกี วิธีหนึ่งทจี่ ะทาให้เราสามารถเปิดไฟล์ภาพไดอ้ ยา่ งรวดเร็ว คือ การลากแล้ว ปล่อยซง่ึ ทาไดด้ ังน้ี 1 เปิดหนา้ ต่างไดเรคทอรที จ่ี ัดเก็บ แดรกเมาส์มาปล่อยใน 3 คลกิ เลอื กไฟล์ภาพ 2 พ้นื ที่ทางาน ภาพท่ี 28 แสดงการเปิดไฟล์ภาพด้วยการลากแล้วปล่อย ทีม่ า : นางสาววนิดา ยอดฉตั ร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เร่อื ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ ้ืนฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 45 4. สร้างไฟล์งานใหม่ การสรา้ งไฟล์งานขน้ึ มาใหม่ เปน็ การสร้างไฟลง์ านว่าง ๆ ไมม่ ีภาพข้ึนมาใชง้ าน โดยมขี นั้ ตอนดงั น้ี คลกิ เมนู File > New 1 ต้งั ช่อื ไฟล์ 2 8 คลกิ ปุ่ม OK กาหนดความกว้าง 3 กาหนดความสูง 4 เลือกสีพืน้ หลงั 7 กาหนดโหมดสี 6 5 กาหนดความ ของภาพ 5 ละเอียดของภาพ ภาพท่ี 29 แสดงการสรา้ งไฟล์ใหม่ ที่มา : นางสาววนดิ า ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เรอื่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรู้พ้นื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 46 5. การบันทกึ ไฟล์ภาพ เมื่อสร้างหรือตกแต่งภาพเสร็จเรียบร้อยแล้ว จาเป็นจะต้องบันทึกไฟล์ภาพเพื่อไว้ ใช้งานภายหลังด้วย โดยสามารถเลือกบันทึกไฟล์ได้หลายรูปแบบข้ึนอยู่กับวัตถุประสงค์ การนาไปใช้งาน ไม่ว่าจะเป็นการบันทึก นาไปใช้กับงานสิ่งพิมพ์ นาไปใช้บนเว็บ รวมถึง การบันทกึ ภาพเพอ่ื นากลบั มาแกไ้ ขภายหลงั ด้วย บนั ทกึ เพือ่ นากลับมาแก้ไขภายหลงั ไฟล์รูปแบบแรกท่ีควรบันทึก คือ ไฟล์รูปแบบ PSD ซึ่งเป็นการบันทึกไฟล์ ต้นฉบับท่ีประกอบด้วยเลเยอร์การทางานของภาพ, ข้อความ, และฟิลเตอร์เอฟเฟ็กต์ที่ใช้ ตกแตง่ ภาพซึง่ สามารถกลับมาแก้ไขภายหลงั ไดต้ ลอดเวลา โดยมขี ั้นตอนดังน้ี 1 คลกิ เมนู File > Save 2 เลือกตาแหน่งท่จี ัดเกบ็ ภาพ ต้ังช่ือไฟล์ 3 คลิกเลือกรปู แบบไฟลแ์ บบ PSD 4 คลกิ ปุ่ม Save 5 6 คลิกปมุ่ OK ภาพท่ี 30 แสดงการบันทึกเพือ่ นากลับมาแก้ไขภายหลงั ท่มี า : นางสาววนิดา ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เรอ่ื ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3
ความรูพ้ ืน้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 47 บนั ทกึ ไฟลร์ ูปแบบอ่ืนๆ จากไฟล์ PSD นอกจาการบันทึกไฟล์แบบ PSD แล้ว ยังสามารถบันทึกไฟล์ในรูปแบบอ่ืน เช่น JPG, GIF, TIFF, และอื่นๆได้ ทั้งข้ึนอยู่กับการนาไฟล์งานไปใช้งาน เช่น นาไปอัดภาพ ท่ีร้านอัดภาพควรบันทึกเป็น JPG เป็นต้น สิ่งสาคัญจะต้องทาการรวมเลเยอร์ทั้งหมด ให้เป็นเลเยอร์เดยี วก่อนแลว้ จงึ บนั ทึกไฟล์ โดยมีขั้นตอนดังนี้ คลกิ เลอื กเลเยอร์ท้ังหมด 1 แล้วกดแป้น Ctrl+E เลเยอรท์ ้ังหมดจะรวมเป็น 2 เลเยอร์เดยี ว คลิกเมนู File > Save 3 ภาพที่ 31 แสดงการบนั ทึกไฟล์รูปแบบอ่นื ๆ จากไฟล์ PSD ท่มี า : นางสาววนิดา ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรยี น เร่อื ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรูพ้ ืน้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 48 4 เลอื กตาแหน่งทจ่ี ัดเก็บภาพ ต้ังช่ือไฟล์ 5 7 คลกิ ปุ่ม Save 9 คลกิ ปุ่ม OK เลอื กรปู แบบ 6 ไฟล์ทจ่ี ะบันทึก กาหนดระดับ 8 คณุ ภาพของไฟล์ งานสูงสุด (12) ภาพท่ี 31 แสดงการบนั ทึกไฟลร์ ูปแบบอื่นๆ จากไฟล์ PSD (ต่อ) ที่มา : นางสาววนดิ า ยอดฉัตร, 3 พฤษภาคม 2559 บันทกึ ไฟล์งานอัตโนมัติดว้ ย Auto Save เพ่ือปอ้ งกันการหลงลืมบันทกึ ไฟลง์ านขณะตกแตง่ ภาพโปรแกรม Photoshop CS6 ไดเ้ พิม่ คาส่งั Auto Save ซ่ึงเป็นคาส่ังท่กี าหนดให้โปรแกรมบนั ทกึ ไฟล์งานตามท่ี กาหนดเวลาไวโ้ ดยงานที่บันทึกไว้ครง้ั ลา่ สุดจะถกู กู้คืนกลับมาให้ทางานต่อไดท้ ันที่ ซงึ่ วธิ ี กาหนดเวลาบันทกึ เองสามารถทาได้โดยกดแปน้ Ctrl+K แลว้ ทาตามดังน้ี คลกิ ที่ 1 3 คลกิ ปมุ่ OK File Handing 0 0 กาหนดเวลาที่ 2 ต้องการใหบ้ ันทึก อัตโนมตั ิ 0 ภาพที่ 32 แสดงการบันทึกไฟลง์ านอตั โนมัติด้วย Auto Save ท่มี า : นางสาววนดิ า ยอดฉัตร, 3 พฤษภาคม 2559 เอกสารประกอบการเรียน เรอ่ื ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
ความรพู้ ื้นฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 49 6. การปดิ ไฟลง์ าน หลังจากทางานเสร็จแล้วหากต้องการปิดไฟลง์ านที่ทาอยู่ สามารถทาได้ดังน้ี เลอื กไฟล์งานท่จี ะปิดแล้วคลิกเมนู File > Close คลกิ ปุ่ม มุมขวาทแ่ี ถบที่ชื่อนนั้ (หรอื คลิกขวาบนแถบชือ่ ไฟล์นัน้ แล้วเลอื กคาสัง่ Close) หากตอ้ งการปดิ ไฟลภ์ าพทเี่ ปดิ ใช้งานท้ังหมด ให้คลิกเมนู File > Close All คลิกปุ่ม บนหน้าต่างไฟล์ คลกิ เมนู File > 2 Close 0 ภาพที่ 33 แสดงการการปิดไฟลง์ าน ที่มา : นางสาววนดิ า ยอดฉตั ร, 3 พฤษภาคม 2559 7. การทางานกบั หน้าต่างรูปภาพ ใน Photoshop หนา้ ต่างรปู ภาพจะแสดงเป็นแถบชือ่ ไฟล์ภาพแบบเรียงซอ้ นกัน ตอ่ กนั จากซา้ ยไปขวา ซ่งึ ทาให้เรามองเหน็ ชื่อไฟลท์ ่เี ปิดใช้งานทั้งหมดได้ แสดงหน้าต่างกลุ่มภาพใหม่ ในกรณีท่ีต้องการทางานกบั ไฟล์ภาพพร้อมกันจานวนมาก เราสามารถแยกภาพ ทไี่ ม่เกยี่ วข้องออกมาเปน็ หน้าตา่ งกลมุ่ ภาพใหมต่ ่างหากได้ เพอื่ จดั กลุ่มภาพใหส้ ะดวกตอ่ การใช้งานซง่ึ สามารถทาได้ 2 วิธดี ังน้ี คลกิ แถบช่อื ไฟล์ภาพทตี่ ้องการแยก แล้วแดรกเมาสล์ ากไปปลอ่ ยนอกหนา้ ต่าง กลมุ่ ภาพ คลิกขวาบนแทบชื่อไฟล์ภาพทตี่ ้องการแยกแล้วเลอื กคาสงั่ Move to New Window เอกสารประกอบการเรยี น เรือ่ ง การใช้งานโปรแกรม Adobe Photoshop CS6 ม.3
Search
