1
ก
เอกสารประกอบการเรียน รายวิชาการใช้โปรแกรมกราฟิก รหัสวิชา ง30241 ช้ัน
มัธยมศึกษาปีท่ี 5 โรงเรียนปางศิลาทองศึกษา จัดทาขึ้นเพื่อใช้พัฒนาการเรยี นการสอนกลุ่มสาระ
การเรียนรู้ การงานอาชีพและเทคโนโลยี ชั้นมัธยมศึกษาปที ่ี 5 ซึ่งผู้สอนได้เก็บรวบรวมปญั หา และ
อปุ สรรคตา่ ง ๆ ทเี่ กิดขึ้นในระหวา่ งการสอน จัดทาเป็นนวัตกรรมประเภทเอกสารประกอบการเรยี น
โดยศึกษาค้นควา้ จากแหล่งข้อมลู เอกสาร ตาราเกี่ยวกับการใช้โปรแกรมกราฟิก และเอกสารอน่ื ๆ
ที่เก่ียวข้องกับ การจัดทาเอกสารประกอบการเรียน เพ่ือส่งเสริมให้ผู้เรียนสามารถอ่าน คิด
วิเคราะห์ และปฏิบัติได้ เอกสารประกอบการเรียน รายวิชาการใช้โปรแกรมกราฟิก รหัสวชิ า ง30241
ชน้ั มธั ยมศึกษาปีท่ี 5 โรงเรียนปางศลิ าทองศกึ ษา ไดผ้ า่ นการตรวจสอบความถูกต้องจากผู้เชย่ี วชาญ มี
จานวน 7 เล่ม ดังนี้
เลม่ ที่ 1 ความรทู้ ัว่ ไปเกีย่ วกบั โปรแกรมกราฟิก
เลม่ ท่ี 2 การใช้งานโปรแกรมตกแตง่ ภาพ Adobe Photoshop CS6
เล่มท่ี 3 การตดั ตอ่ ปรบั สี แสงและเงาใหก้ บั ภาพ
เล่มที่ 4 การสร้างและตกแต่งตัวอักษร
เลม่ ที่ 5 การแกไ้ ขและตกแตง่ ภาพ
เล่มท่ี 6 การสรา้ งภาพเคล่ือนไหว Animation
เล่มท่ี 7 การสรา้ งช้ินงานเพอื่ นาไปใชใ้ น Website
ซึ่งเอกสารประกอบการเรียนเล่มน้ี เป็นเล่มท่ี 2 ผู้เรียนจะได้ศึกษา เร่ือง การใช้งาน
โปรแกรมตกแต่งภาพ Adobe Photoshop CS6 ผู้เรียนจะไดศ้ ึกษาเน้ือหาเกีย่ วกบั การสรา้ งไฟล์
ใหม่ การเปิดไฟลภ์ าพ การบันทึกข้อมูล การกาหนดพ้นื ที่เพื่อแก้ไขและตกแต่งภาพ ผู้จัดทาหวัง
เปน็ อย่างยิง่ วา่ เอกสารประกอบการเรยี น รายวชิ าการใช้โปรแกรมกราฟิก รหสั วิชา ง30241 ชน้ั
มัธยมศึกษาปีท่ี 5 เล่มน้ี จะส่งผลให้ผูเ้ รยี นได้สรา้ งองค์ความรู้ด้วยตนเองและมีผลสัมฤทธิ์ทางการ
เรียนสงู ขึน้
นายประเวช ผิวพรรณ
ส รบญั ข
คานา ห้
สารบญั ก
สารบญั ภาพ ข
คาแนะนาสาหรบั ครู ค
คาแนะนาสาหรบั นักเรียน จ
สาระการเรียนรู้ ฉ
จดุ ประสงค์การเรยี นรู้ 1
สาระสาคญั 1
แบบทดสอบก่อนเรยี น 2
ใบความร้ทู ี่ 2.1 การจัดการไฟลร์ ปู ภาพ 3
ใบความรู้ที่ 2.2 การเลือกบางสว่ นของภาพ 6
กิจกรรมท่ี 2.1 การจดั การไฟลร์ ปู ภาพ 13
กิจกรรมที่ 2.2 การตดั ต่อเปลี่ยนภาพพน้ื หลงั 22
ใบงานที่ 2.1 การจดั การไฟลร์ ปู ภาพ 27
ใบงานที่ 2.2 การเลอื กบางส่วนของภาพ 32
แบบทดสอบหลงั เรียน 34
บรรณานุกรม 36
ภาคผนวก 39
40
เฉลยแบบทดสอบกอ่ นเรียน 41
แนวการตอบใบงานที่ 2.1 42
แนวการตอบใบงานที่ 2.2 44
เฉลยแบบทดสอบหลงั เรยี น 46
ค
ส รบญั ภ พ ห้
6
ภาพที่ 2.1 หนา้ ตา่ งการสร้างไฟลใ์ หม่ 7
ภาพท่ี 2.2 การกาหนดคา่ การสรา้ งไฟลใ์ หม่ 7
ภาพท่ี 2.3 หน่วยของความกว้างและความสูง 8
ภาพที่ 2.4 การเปิดไฟลภ์ าพด้วยคาส่ัง Open 9
ภาพที่ 2.5 การปรับขนาดภาพด้วยคาสั่ง Image Size 10
ภาพที่ 2.6 การกาหนดคา่ ขนาดภาพดว้ ยคาสง่ั Image Size 11
ภาพที่ 2.7 การบันทกึ ไฟลง์ านด้วยคาสง่ั Save 12
ภาพท่ี 2.8 การบันทกึ ไฟลง์ านด้วยคาส่งั Save As 13
ภาพท่ี 2.9 เครื่องมอื สาหรบั การสร้าง Selection 13
ภาพที่ 2.10 Option ของเครื่องมือ Rectangular Marquee 14
ภาพที่ 2.11 Option ของเครอ่ื งมอื Lasso 14
ภาพที่ 2.12 Option ของเครอ่ื งมอื Quick Select 14
ภาพท่ี 2.13 ภาพกลุ่มเคร่อื งมอื Marquee Tool 15
ภาพท่ี 2.14 การใชเ้ ครอื่ งมือ Rectangular Marquee Tool 15
ภาพท่ี 2.15 การใชเ้ คร่อื งมอื Elliptica Marquee Tool
ภาพที่ 2.16 การใช้เครื่องมอื Single Row Marquee Tool และ 16
16
Single Column Marquee Tool 17
ภาพที่ 2.17 ภาพกลุม่ เครือ่ งมอื Lasso Tool 17
ภาพท่ี 2.18 การใชเ้ ครอ่ื งมือ Lasso Tool 18
ภาพที่ 2.19 การใชเ้ ครื่องมอื Polygonal Lasso Tool 18
ภาพท่ี 2.20 การใช้เคร่ืองมอื Magnatic Lasso Tool 19
ภาพที่ 2.21 ภาพกลุม่ เครอื่ งมอื Quick Selection 19
ภาพที่ 2.22 การใชเ้ ครื่องมือ Quick Selection Tool 20
ภาพท่ี 2.23 การใชเ้ คร่ืองมือ Magic Wand Tool 21
ภาพที่ 2.24 การกาหนดคา่ Feather Selection 21
ภาพที่ 2.25 ตัวอย่างการกาหนดคา่ Feather Selection 22
ภาพที่ 2.26 ตัวอย่างการใช้เครอื่ งมอื Crop Tool
ภาพท่ี 2.27 เมนู Select
ง
แ ะ ก รใชเ้ อกส รประกอบก รเรยี
ส หรบั รู
1. เน้ือหาในเอกสารประกอบการเรียน รายวิชาการใช้โปรแกรมกราฟิก รหัสวิชา ง 30241
มัธยมศึกษาปีที่ 5 เล่มท่ี 2 การใช้งานโปรแกรมตกแต่งภาพ Adobe Photoshop CS6 ประกอบดว้ ย
เนื้อหา เก่ยี วกบั การสรา้ งไฟล์ใหม่ การเปดิ ไฟลภ์ าพ การบันทึกข้อมูล การกาหนดพืน้ ท่ี เพือ่ แก้ไขและ
ตกแต่งภาพ
2. ครูให้นักเรียนทาแบบทดสอบกอ่ นเรียน ครูควรแจ้งเน้ือหาในเอกสารประกอบการเรยี น สาระ
การเรียนรู้ จุดประสงค์การเรยี นรู้ ให้นักเรียนทราบ เพ่ือให้นักเรียนรู้แนวทางและขอบเขตการเรียนร้ใู น
เรอื่ งท่จี ะเรียนและเปน็ การเตรียมความพร้อมก่อนเรียน
3. เมื่อนักเรยี นทาแบบทดสอบกอ่ นเรยี นเสรจ็ แลว้ ครตู รวจคาตอบ จากนัน้ บันทึกคะแนนไว้เพอื่
เปน็ ข้อมูลในการประเมนิ ผล
4. ครูใหน้ ักเรยี นศึกษาเนือ้ หาในเอกสารประกอบการเรียน และทากิจกรรมตามลาดบั เร่ิมต้ังแต่
กจิ กรรมท่ี 2.1 และกิจกรรมท่ี 2.2 โดยใช้เวลาตามทกี่ าหนด
5. ครูให้นักเรียนทาใบงานตามลาดับ เร่ิมตั้งแต่ใบงานที่ 2.1 และใบงานท่ี 2.2 โดยใช้เวลา
ตามทกี่ าหนด
6. ครูตรวจใบงานท่นี ักเรียนนาสง่ และบันทกึ คะแนนไวเ้ พอ่ื เปน็ ขอ้ มลู ในการประเมินผล
7. เม่ือศกึ ษาเนื้อหาและทาใบงานแลว้ ครูให้นักเรียนทาแบบทดสอบหลังเรียน เสรจ็ แลว้ ครูเฉลย
คาตอบและให้นักเรียนตรวจคาตอบ จากน้ันบันทกึ คะแนนไว้เพ่ือเป็นขอ้ มลู ในการประเมินผล
8. หากคะแนนทดสอบหลังเรียนของนักเรียนไม่ผ่านจุดประสงค์ ให้นักเรียนนาเอกสาร
ประกอบการเรียนไปศึกษาต่อด้วยตนเอง เม่ือมีเวลาว่างหรือเขา้ ไปศึกษาจากหนังสืออิเล็กทรอนกิ ส์
(E-Book) โดยเข้าไปที่เว็บไซต์ https://sites.google.com/view/photoshopcs6/ เม่ือศึกษาจน
เข้าใจให้นักเรยี นทาแบบทดสอบหลงั เรยี นอกี ครั้ง
9. ขณะนักเรียนศึกษาความรแู้ ละทาใบงานจากเอกสารประกอบการเรียน ครคู วรให้คาแนะนา
และอธิบายเม่อื นักเรียนมปี ญั หาหรอื ข้อสงสยั
จ
แ ะ ก รใชเ้ อกส รประกอบก รเรยี
ส หรบั ักเรีย
1. ให้นักเรียนศึกษาขอบเขตของเนื้อหาท่ีจะเรียนจากสาระการเรียนรู้ จุดประสงค์การเรียนรู้
สาระสาคัญ ใหเ้ ข้าใจก่อนทาการเรยี นรู้ดว้ ยตนเอง
2. นักเรียนทาแบบทดสอบก่อนเรียนเมื่อเสร็จแล้ว ส่งกระดาษคาตอบให้ครูตรวจและบันทึก
คะแนนไวเ้ พ่อื เป็นข้อมลู ในการประเมินผล
3. ใหน้ ักเรียนศึกษาเนอ้ื หาในเอกสารประกอบการเรยี น รายวิชาการใชโ้ ปรแกรมกราฟิก รหสั วิชา
ง30241 มัธยมศึกษาปีท่ี 5 เล่มที่ 2 การใช้งานโปรแกรมตกแต่งภาพ Adobe Photoshop CS6
ประกอบด้วยเน้ือหา เกีย่ วกบั การสรา้ งไฟล์ใหม่ การเปดิ ไฟล์ภาพ การบันทึกข้อมูล การกาหนดพ้ืนที่
เพอ่ื แกไ้ ขและตกแตง่ ภาพ
4. นักเรียนทากิจกรรมตามลาดับ เริ่มตั้งแต่กิจกรรมที่ 2.1 และกิจกรรมที่ 2.2 แล้วนาส่งให้ครู
ตรวจและบันทกึ คะแนนไวเ้ พอื่ เป็นขอ้ มลู ในการประเมนิ ผล
5. นักเรียนทาใบงานตามลาดับ เริ่มตั้งแต่ใบงานท่ี 2.1 และใบงานท่ี 2.2 แล้วนาส่งให้ครตู รวจ
และบันทกึ คะแนนไวเ้ พือ่ เป็นข้อมลู ในการประเมนิ ผล
6. นักเรียนทาแบบทดสอบหลังเรียน ตรวจคาตอบ แล้วส่งคืนกระดาษคาตอบให้ครูบันทึก
คะแนนไวเ้ พ่ือเป็นขอ้ มูลในการประเมินผล
7. หากคะแนนทดสอบหลังเรียนของนักเรียนไม่ผ่านจุดประสงค์ ให้นักเรียนนาเอกสาร
ประกอบการเรียนไปศึกษาต่อด้วยตนเองเม่อื มีเวลาว่าง หรือเข้าไปศกึ ษาจากหนังสืออิเลก็ ทรอนกิ ส์
(E-Book) โดยเข้าไปที่เว็บไซต์ https://sites.google.com/view/photoshopcs6/ เมื่อศึกษาจน
เขา้ ใจให้นักเรียนทาแบบทดสอบหลังเรียนอกี ครง้ั
8. ขอใหน้ กั เรียนมีความต้งั ใจในการศึกษาหาความรูจ้ ากเอกสารประกอบการเรยี น และมีความ
ซือ่ สัตย์ ไม่เปดิ ดูแนวการตอบใบงาน และเฉลยคาตอบกอ่ น เพอ่ื จะได้ทราบความสามารถในการเรยี นรู้
ของตนเอง และมีความร้ใู นเรื่องทศ่ี กึ ษาอย่างแทจ้ รงิ
1
เอกสารประกอบการเรยี น
เร่ือง การใชโ้ ปรแกรมกราฟิก
เลม่ ท่ี 2 การใช้งานโปรแกรมตกแต่งภาพ Adobe Photoshop
เวลาเรยี น 4 ชั่วโมง
ส ระก รเรยี รู้
1. การสรา้ งไฟล์ใหม่
2. การเปดิ ไฟล์ภาพ
3. การบนั ทึกข้อมูล
4. การกาหนดพ้นื ที่ เพ่อื แกไ้ ขและตกแต่งภาพ
จดุ ประสง ก์ รเรยี รู้
1. สามารถสร้างชิน้ งานใหม่ได้
2. สามารถเปิดไฟล์ภาพที่มอี ยู่แล้วเพอ่ื ใชง้ านได้
3. สามารถจดั เกบ็ บนั ทกึ ขอ้ มลู ได้
4. เรียนรู้ถึงวิธกี ารใช้เครื่องมือท่ใี ชใ้ นการเลอื กบางสว่ นของภาพได้
5. สามารถเลอื กบางสว่ นของภาพและจดั การกบั สว่ นทเ่ี ลอื กนน้ั ได้
2
ส ระส ญั
Photoshop เป็นโปรแกรมสาหรบั สร้างและตกแต่งภาพทมี่ ชี ่อื เสียงและไดร้ บั ความนิยมมาก
ทสี่ ดุ อนั เนอื่ งมาจากคุณสมบตั เิ ดน่ ซึง่ มอี ยอู่ ย่างมากมาย ไมว่ า่ จะเป็นความสามารถจดั การกบั ไฟล์
สารพัดชนดิ ทีใ่ ช้ในงานประเภทต่าง ๆ ท้งั รูปทจ่ี ะนาไปผ่านกระบวนการพมิ พ์ และรปู ท่ีนาไปใชใ้ น เวบ็
เพจหรือสง่ ผ่านส่ืออเิ ลก็ ทรอนคิ ส์ มีความสามารถเปน็ เย่ียมในการแก้ไขตกแต่งภาพ และการสร้างเอฟ
เฟค็ พิเศษต่าง ๆ มเี ครอ่ื งมือทม่ี ปี ระสทิ ธภิ าพและความยืดหยนุ่ สงู สามารถบันทกึ ขน้ั ตอนทีต่ ้องทาซา้
ๆ ไวเ้ รียกใช้ภายหลงั ตลอดจนมผี ้ผู ลติ ปลกั๊ อิน (plug-in) ให้เปน็ จานวนมาก ซง่ึ ปล๊ักอนิ กค็ ือโปรแกรม
เสรมิ สาหรับชว่ ยใหก้ ารทางานทซี่ บั ซอ้ นสาเร็จลงได้อยา่ งรวดเร็ว
ในการสร้างหรอื เเกไ้ ขรปู ภาพให้ได้งานตามทีต่ ้องการ จาเปน็ ตอ้ งใช้เครอ่ื งมือสาหรับเลือก
ภายในโปรเเกรม Adobe Photoshop CS6 ไดเ้ ตรยี มเครอ่ื งมือเพ่อื ใชเ้ ลอื กหลายประเภท เชน่ การ
เลือกบางส่วนของภาพ การเลือกรปู ภาพแบบอิสระ เลือกโทนสที ีต่ ้องการ ซงึ่ ในการนาไปประยุกตใ์ ช้
งานนั้นต้องดวู ่าเครอ่ื งใดเหมาะสมกบั งานในช่วงเวลาใด
"Selection" คอื การเลือกสว่ นทจ่ี ะทางานใน Adobe Photoshop CS6 ซึ่งโดยปกตแิ ล้วการ
ทางานใน Adobe Photoshop CS6 จะเปน็ การทางานกบั พนื้ ท่ีท้ังหมดในหนา้ กระดาษ แต่ถ้ามีการ
กาหนด Selection กจ็ ะเป็นการทางานเฉพาะในพื้นทท่ี กี่ าหนดเท่าน้ันโดยไม่เกิดผลกระทบกับพนื้ ท่ี
ภายนอก นอกจากน้ยี งั มีหลายคาสง่ั ท่ีผใู้ ชจ้ ะตอ้ งกาหนด Selection ก่อนจงึ จะสามารถใชง้ านได้ ซ่งึ
โปรแกรม Adobe Photoshop CS6 ได้เตรยี มเครอ่ื งมอื เพอ่ื ใหเ้ ลอื กใชส้ าหรบั Selection
ภาพในส่วนต่าง ๆ ไวเ้ ป็นจานวนมาก เชน่ การใช้เครอ่ื งมอื Rectangular Marquee ใน
การ Selection รปู ภาพท่มี ลี กั ษณะสเี่ หล่ียม การใช้ Elliptical Marquee เพ่อื Selection
รูปภาพทีต่ อ้ งการให้เป็นแบบวงกลมและยงั สามารถปรบั รปู ทรงของภาพไดต้ ามตอ้ งการด้วย
เครอื่ งมือ Transform เปน็ ตน้
ทม่ี า : https://pixabay.com,สบื ค้นเมือ่ วันท่ี 24 พฤศจิกายน 2558.
3
แบบทดสอบกอ่ นเรยี น
เรือ่ ง การใช้โปรแกรมกราฟิก
เล่มท่ี 2 เร่ือง การใช้งานโปรแกรมตกแตง่ ภาพ Adobe Photoshop CS6
กลุ่มสาระการเรียนรูก้ ารงานอาชพี และเทคโนโลยี
ชน้ั มธั ยมศกึ ษาปที ่ี 5 จานวน 10 ขอ้ 10 คะแนน
ช้แี จง
1. แบบทดสอบเป็นแบบเลือกตอบ จานวน 10 ขอ้ คะแนนเตม็ 10 คะแนน
ใชเ้ วลาในการทดสอบ 10 นาที
2. เลือกคาตอบท่ีถูกต้องทส่ี ดุ เพียงข้อเดียว แล้วทาเครือ่ งหมายกากบาท (X)
ลงในกระดาษคาตอบ
1. คาสัง่ ในการสร้างชิ้นงานคือข้อใด
ก. File > Save
ข. File > Save
ค. File > New
ง. File > Import
2. ข้อใดไมใ่ ชห่ นว่ ยในการสร้างพืน้ ทีท่ างาน
ก. Inches
ข. Cm
ค. Points
ง. Color
3.ขอ้ ใดคือข้นั ตอนการเปดิ ไฟลร์ ูปภาพ
ก. File > Open
ข. File > New
ค. File > Save
ง. File > Insert
4. ขอ้ ใดเป็นการกาหนดพ้ืนทีท่ างานแบบโปร่งใส
ก. White
ข. Transparent
ค. Background color
ง. Resolution
4
5. ข้อใดคอื ขั้นตอนการบันทึกไฟล์รปู ภาพ
ก. File > Open
ข. File > New
ค. File > Save
ง. File > Insert
6. ขน้ั ตอนการบันทกึ ไฟล์ไม่ใหซ้ า้ ไฟลง์ านเดิมคอื ขอ้ ใด
ก. File > Open
ข. File > New
ค. File > Insert
ง. File > Save As
7. คอื เครอ่ื งมอื ใช้ทาอะไร
ก. ใชส้ าหรบั เลือกพ้ืนทบ่ี นภาพเปน็ รูปสเ่ี หลี่ยม
ข. ใชส้ าหรบั ย้ายพน้ื ท่ีทเ่ี ลอื กไวของภาพ
ค. ใช้เลือกพืน้ ทบี่ นภาพเปน็ แนวเขตแบบอสิ ระ
ง. ใชต้ ดั ขอบภาพ
8. คอื เครือ่ งมือใชท้ าอะไร
ก. ใชส้ าหรบั เลือกพน้ื ทบ่ี นภาพเปน็ รูปสเ่ี หลยี่ ม
ข. ใช้สาหรับยา้ ยพืน้ ทีท่ เี่ ลือกไว้ของภาพ
ค. ใชเ้ ลือกพ้นื ทบ่ี นภาพเปน็ แนวเขตแบบอสิ ระ
ง. ใช้ตดั ขอบภาพ
9. เครอ่ื งมอื Polygonal Lasso Tool มีหนา้ ทีอ่ ะไร
ก. เป็นเครือ่ งมอื ท่ีใชส้ าหรบั การลบ
ข. เป็นการเลอื กแบบสร้างขอบเป็นเสน้ ตรงหลายเหลยี่ ม
ค. เปน็ การไลโ่ ทนสจี ากสหี นึ่งไปอีกสหี่ นึง่
ง. เป็นการเทสลี งในภาพหรอื พ้ืนทท่ี เ่ี ลอื ก
10.กลุม่ เครอื่ งมือ Marquee เปน็ เคร่อื งมอื สาหรบั ทาอะไร
ก. เปน็ ทอ่ี ยู่ของชุดคาส่งั ทั้งหมดในโปรแกรม Photoshop
ข. เป็นแถบแสดงชดุ คาสัง่ และรายละเอยี ดปลีกย่อย
ค. เป็นเมนูยอ่ ยสาหรบั แสดงเครอื่ งอานวยความสะดวกต่าง ๆ
ง. เป็นเคร่อื งมือสาหรบั การเลอื กขอบเขตการทางาน
5
กระด ษ ตอบแบบทดสอบกอ่ เรยี
ชื่อ-นามสกลุ ...........................................ชน้ั ....................เลขท.่ี ...........
ขอ้ ก ข ค ง เกณฑ์การประเมนิ
1 ตอบถูก ข้อละ 1 คะแนน
2 ตอบผดิ ข้อละ 0 คะแนน
3
4 เกณฑ์การประเมนิ
5 ดี ได้คะแนน 7-10 คะแนน
6 พอใช้ ไดค้ ะแนน 5-6 คะแนน
7 ปรบั ปรงุ ได้คะแนน 0-4 คะแนน
8
9 คะแนน 7-10 คะแนน ถือวา่ ผา่ น
10 คะแนน 0-6 คะแนน ถอื ว่า ไมผ่ า่ น
สรปุ ผลก รประเมิ
รวมคะแนน............คะแนน
ผ่าน ไม่ผา่ น
ลงชอ่ื ........................................ผตู้ รวจ
(นานประเวช ผวิ พรรณ)
6
ใบ ว มรู้ที่ 2.1
ก รจัดก รไฟล์รปู ภ พ
ส่ิงที่สาคัญกอ่ นเริ่มการสร้างและตกแต่งภาพกราฟิกด้วยโปรแกรม Adobe Photoshop CS6
คือ การเรยี นรู้เกยี่ วกบั วิธีการทางานกบั ไฟล์ภาพเบอ้ื งต้นเพ่ือใช้ในการจดั การกับภาพ เน่ืองจากคาสงั่
เหลา่ นี้มคี วามจาเป็น เพ่อื ชว่ ยให้การควบคุมการทางานและการตกแต่งภาพกราฟกิ นั้น มคี วามสะดวก
และรวดเรว็ ยิ่งขน้ึ ในการใช้งาน
ก รสร้ งไฟล์ใหม่
การสร้างไฟล์งานใหม่ส่ิงท่ีต้องให้ความสาคัญคือ การกาหนดขนาดของไฟล์งานให้สอดคล้อง
และเหมาะสมกับชิ้นงาน เพราะงานแต่ละประเภทอาจใช้ขนาดและความละเอียดทแ่ี ตกตา่ งกนั การ
สรา้ งไฟลง์ านจะกระทาเมื่อต้องการออกแบบช้นิ งานใหม่ สาหรับหน้าตา่ งการสรา้ งไฟลง์ านใหม่ ดงั
แสดงในภาพท่ี 2.1
ภาพที่ 2.1 หน้าตา่ งการสรา้ งไฟลใ์ หม่
ทม่ี า : นายประเวช ผวิ พรรณ, 24 พฤศจกิ ายน 2558
7
ภาพท่ี 2.2 การกาหนดค่าการสร้างไฟลใ์ หม่
ท่ีมา : นายประเวช ผิวพรรณ, 24 พฤศจิกายน 2558
จากรปู มกี ารกาหนดคา่ ต่างๆมากมาย
ชอ่ ง Name คอื การกาหนดชอ่ื ของชน้ิ งาน
ช่อง Preset คือ ชนิดของงานตา่ งๆ ท่ีกาหนดไว้ให้แล้ว มีให้เลอื กมากมาย เช่น Web,Photo,
U.S.paper,International paper
ช่อง Size จะสัมพันธ์กับช่อง Preset คือ ขนาดของงานแต่ละชนิด เช่น ค่า Preset เป็น
International paper ชอ่ ง Size ก็จะมีตัวเลอื ก คอื A4 , A3 , A2 ,A1 และอนื่ ๆ
ช่อง Width คือ ขนาดความกว้างของชน้ิ งาน หากตอ้ งการกาหนดเอง มหี น่วยให้เลอื ก 7 ชนดิ
ชอ่ ง Hight คือ ขนาดความสงู ของชิ้นงาน หากต้องการกาหนดเอง มหี น่วยให้เลอื ก 7 ชนดิ
ภาพที่ 2.3 หน่วยของความกวา้ งและความสูง
ที่มา : นายประเวช ผิวพรรณ, 24 พฤศจกิ ายน 2558
ช่อง Resolution คอื ความละเอียดรปู ภาพ สามารถใส่คา่ ไดต้ ามทีต่ ้องการ โดยสว่ นมากภาพที่
นาไปใชบ้ นเครอ่ื งคอมพิวเตอร์จะใชค้ วามละเอยี ด 72 pixels per Inch (PPI) ข้นึ ไปและภาพทีน่ าไปใช้
ในงานพิมพจ์ ะใชค้ วามละเอียด 300 pixels per Inch (PPI) ขึน้ ไป ความละเอียดรปู ภาพ มีหน่วย
เปน็ Pixel ตอ่ น้วิ และ Pixel ตอ่ เซนตเิ มตร
8
ช่อง Color mode คอื ชนดิ ของพน้ื ทส่ี ใี นการทางาน มใี หเ้ ลือกหลากหลาย เชน่ โหมดสี RGB
จะใชก้ บั งานกราฟกิ สาหรบั เวบ็ และภาพเคลือ่ นไหว โหมดสี CMYK จะใชส้ าหรบั งานสิง่ พมิ พ์ โดย
จานวนบิตด้านหลังจะแสดงจานวนของสีทใี่ ช้ (ยง่ิ มคี า่ สมี ากไฟลง์ านที่ไดก้ จ็ ะมขี นาดใหญ่ตามไปด้วย)
และมคี า่ ความละเอียดใหเ้ ลอื กเปน็ bit
ช่อง Background Contents คือ การกาหนดพนื้ หลงั ใหก้ ับไฟลง์ านโดยกาหนดได้ 3
รูปแบบคือ พน้ื หลงั สขี าว (White) พน้ื สที ก่ี าหนดจากสีพ้นื หลงั (Background Color) และพ้นื หลัง
แบบโปรง่ ใส (Transparent)
ก รเปดิ ไฟลภ์ พ
ข้ันตอนแรกของการตกแต่งภาพคือ การเปดิ ไฟลภ์ าพมาใช้งาน โปรแกรม Adobe Photoshop
CS6 สามารถเปิดไฟลภ์ าพได้หลายประเภท เช่น GIF, TIF, BMP, JPG, PDF หรือไฟล์ภาพทม่ี รี ูปแบบ
เฉพาะของกล้องดิจิตอลรุน่ ตา่ ง ๆ การเปดิ ไฟลภ์ าพทาได้หลายวิธี ดังนี้
1. ก รเปิดไฟล์ภ พดว้ ย สงั่ Open
ใชส้ าหรบั เปิดไฟลภ์ าพในรปู แบบปกติ มขี ั้นตอนการทางานดังน้ี
1.1 คลิกเมนูคาสง่ั File > Open หรือกดคยี ล์ ัด <Ctrl + O> เพอ่ื เปดิ หนา้ ตา่ ง Open
ขึ้นมา
1.2 คลกิ ช่อง Look in: เพ่ือเลอื กตาแหน่งไดร์ฟหรอื โฟลเดอรท์ ่เี ก็บไฟล์ภาพ
1.3 คลิกเลอื กไฟลภ์ าพทีต่ อ้ งการ
1.4 คลกิ ปมุ่ Open เพื่อเปิดไฟลภ์ าพ ดังแสดงในภาพท่ี 2.4
ภาพที่ 2.4 การเปดิ ไฟลภ์ าพดว้ ยคาสง่ั Open
ที่มา : นายประเวช ผวิ พรรณ, 24 พฤศจิกายน 2558
9
2. ก รเปิดไฟลภ์ พด้วย สง่ั Open As
คาส่ัง Open As ใช้สาหรับเปิดไฟลภ์ าพ โดยหน้าต่างจะแสดงไฟล์ทุกไฟลท์ ่ีมอี ยู่ แต่จะ
สามารถเปิดได้เฉพาะไฟล์ท่ตี รงตามรูปแบบทเี่ ลือกไว้เท่านั้น โดยการคลกิ เมนคู าส่ัง File > Open As
หรอื กดคียล์ ัด < Alt + Shift + Ctrl + O >
3. ก รเปิดไฟลภ์ พดว้ ย สัง่ Open as Smart Object
จะทาการแปลงไฟล์ภาพปกตใิ หก้ ลายเป็นวัตถทุ ย่ี อ่ ขยายได้ และไม่สญู เสยี ความละเอยี ด
ของภาพ โดยการคลกิ เมนคู าส่งั File > Open as Smart Object
4. ก รเปดิ ไฟลภ์ พด้วย สั่ง Open Recent
ใช้สาหรับเปิดไฟล์ภาพท่ีเคยถูกเปิดมาก่อนหน้า โดยโปรแกรมจะจดจาไฟล์ภาพท่ีเคย
เปิดไว้ และสามารถเรยี กเปดิ ไฟล์ภาพเหล่าน้ันกลบั มาใช้งานได้ถึง 10 ไฟล์ โดยไม่ต้องทาการค้นหา
ไฟลท์ ีจ่ ะเปิดใหม่ใหเ้ สียเวลา โดยการคลิกเมนูคาสงั่ File > Open Recent
ปรบั ข ดภ พด้วย สัง่ Image Size
Image Size เปน็ คาสงั่ ทใี่ ช้ในการปรบั ขนาดภาพให้เหมาะสมกับการทางาน จะสง่ ผลใหจ้ านวน
พกิ เซลในภาพเปล่ียนแปลงตามไปดว้ ย หนา้ ตา่ งการปรบั ขนาดภาพดว้ ยคาส่งั Image Size ดังแสดงใน
ภาพท่ี 2.5
ภาพท่ี 2.5 การปรบั ขนาดภาพด้วยคาส่งั Image Size
ท่ีมา : นายประเวช ผิวพรรณ, 24 พฤศจกิ ายน 2558
10
ภาพท่ี 2.6 การกาหนดคา่ ขนาดภาพด้วยคาสัง่ Image Size
ท่มี า : นายประเวช ผิวพรรณ, 24 พฤศจิกายน 2558
1. ใช้กาหนดความกว้าง Width: และความสงู Height: ของภาพที่จะแสดงผลบนหน้าจอ จะทา
ให้ขนาดของภาพถูกปรับตามสัดส่วนที่กาหนดไว้ โดยสามารถกาหนดหน่วยวัดได้ตามต้องการ เช่น
Pixels, Inches หรือ cm เปน็ ต้น
2. ใช้กาหนดขนาดของภาพที่จะถูกพมิ พอ์ อกทางเครอ่ื งพิมพ์ โดยสามารถกาหนดหน่วยวัดได้
ตามตอ้ งการ เช่น Pixels, Inches หรือ cm เปน็ ตน้
3. ใช้กาหนดค่าความละเอียดของภาพ เช่น งานพิมพ์คุณภาพสูงควรกาหนดค่าเป็น 300
Pixels/Inch สาหรบั งานแสดงผลบนหนา้ จอหรือบนเว็บไซต์ควรกาหนดค่าเปน็ 72 Pixels/Inch
4. ใช้กาหนดสดั ส่วนของภาพ เพื่อรักษาความสมดลุ ของภาพในขณะทป่ี รบั ขนาด ดังน้ี
- Scale Styles คลิกเลอื กเพื่อเพิ่มหรอื ลดขนาดตามสัดสว่ นของภาพ
- Constrain Proportions คลิกเลือกเพื่อการรักษาความสมดุลของภาพ ในขณะท่ปี รับ
ขนาดภาพ เชน่ เม่อื ทาการเพิ่มขนาดความกวา้ งของภาพ ขนาดความสงู ก็จะเพ่มิ ขึ้นตามไปดว้ ย เพื่อให้
ภาพมสี ัดสว่ นทสี่ มดุล
- Resample Image: คลิกเลือกเพื่อเพ่ิมหรือลดขนาดของภาพที่แสดงบนหน้าจอตาม
ขนาดทกี่ าหนดใน Document Size: หากไม่คลกิ เลือกจะไมส่ ามารถเปลีย่ นแปลงภาพต้นฉบับได้
11
ก รบั ทกึ ไฟล์ง
โปรแกรม Adobe Photoshop CS6 มีคาสั่งบนั ทึกไฟลง์ านใหเ้ ลอื กใชต้ ามความเหมาะสมกบั
ลกั ษณะงานหลากหลายรูปแบบ ดงั นี้
1. ก รบั ทกึ ไฟล์ง ด้วย ส่งั Save
เปน็ การบนั ทึกไฟลง์ านเดิมที่กาลงั เปิดแกไ้ ขอยู่ หรอื ต้องการบันทกึ ใหอ้ ยใู่ นรปู แบบเดมิ
โดยคลกิ เลือกเมนูคาสง่ั File > Save หรือกดคยี ล์ ัด < Ctrl + S > วิธกี ารดงั แสดงในภาพท่ี 2.7
ภาพที่ 2.7 การบันทกึ ไฟลง์ านด้วยคาสัง่ Save
ทม่ี า : นายประเวช ผวิ พรรณ, 24 พฤศจกิ ายน 2558
2. ก รบั ทึกไฟลง์ ดว้ ย ส่ัง Save As
เป็นการบันทกึ ไฟลง์ านเดมิ เปน็ ชือ่ ใหม่ หรือบันทกึ ใหอ้ ยูใ่ นรปู แบบใหม่ ตัวอยา่ งการ
บันทึกไฟล์งานดว้ ยคาสั่ง Save As มขี น้ั ตอนการทางานดงั น้ี
2.1 คลิกเมนูคาสั่ง File > Save As หรอื กดคยี ์ลดั < Shift + Ctrl + S >
2.2 คลิกเลอื ก Save in: เพือ่ เลอื กตาแหน่งไดรฟ์ หรอื โฟลเดอรท์ ต่ี อ้ งการบันทึก
2.3 พิมพช์ อ่ื ไฟลใ์ นช่อง File name : โดยสามารถตงั้ ช่ือไฟล์ได้ท้ังภาษาไทยและ
ภาษาองั กฤษ
2.4 คลกิ ชอ่ ง Format: เพื่อกาหนดประเภทของไฟลง์ านทตี่ ้องการบันทึก ในทน่ี เ้ี ลือก
บันทกึ ไฟล์ประเภท JPEG
12
2.5 คลิกป่มุ Save เพื่อบนั ทกึ ไฟลง์ าน
2.6 กาหนดคา่ Quality: เพื่อกาหนดคณุ ภาพความคมชัดของไฟลง์ าน สามารถ
กาหนดคา่ ไดต้ งั้ แต่ 0 - 12 โดยค่าทม่ี ากสง่ ผลให้ไฟลง์ านทไ่ี ด้มีคณุ ภาพดตี ามไปดว้ ย
2.7 คลกิ ปมุ่ OK เพอ่ื ตกลง วิธีการดงั แสดงในภาพท่ี 2.8
ภาพที่ 2.8 การบันทกึ ไฟลง์ านด้วยคาส่งั Save As
ทมี่ า : นายประเวช ผิวพรรณ, 24 พฤศจิกายน 2558
3. ส่ัง Save for Web
เป็นการบันทึกไฟล์งานเพ่ือนาไปใช้งานบนเว็บเพจ หรือนาไปใช้งานร่วมกับโปรแกรม
มลั ติมีเดยี อ่นื ๆ ทต่ี ้องการไฟลง์ านขนาดเลก็ มคี วามละเอียดไมม่ าก และกาหนดพ้ืนหลงั แบบ โปร่งใส
ได้ โดยคลกิ เลือกเมนูคาส่ัง File > Save for Web หรอื กดคยี ์ลัด < Alt + Shift + Ctrl + S >
13
ใบ ว มร้ทู ่ี 2.2
ก รเลอื กบ งสว่ ของภ พ
การจัดการเก่ียวกับรูปภาพไม่ว่าจะเป็นการ Retouching Image ภาพเก่าให้เป็นภาพตาม
จินตนาการ การตัดต่อภาพ การปรับแต่งหรือแก้ไขรูปภาพ จาเป็นอย่างย่ิงที่จะต้องมีทักษะในการ
Selection รูปภาพหรือการเลือกพ้ืนท่กี ารทางานเพ่ือทาการแก้ไขหรอื ปรบั เปลย่ี นให้ได้รปู ภาพตาม
ต้องการ ซ่ึงโปรแกรม Adobe PhotoShop CS6 ได้เตรียมเคร่ืองมือในการสร้าง Selection
รูปภาพไว้มากมาย ซ่งึ งา่ ยตอ่ การใชง้ าน
เ รื่องมือท่ใี ช้ใ ก รสร้ ง Selection
ชุดเ ร่ืองมือส หรับก รสร้ ง Selection ไดแ้ ก่
ภาพท่ี 2.9 เครอื่ งมอื สาหรบั การสร้าง Selection
ที่มา : นายประเวช ผวิ พรรณ, 25 พฤศจิกายน 2558
Option ของชุดเ รือ่ งมือส หรบั ก รสร้ ง Selection
- Option ของเครื่องมอื Rectangular Marquee
ภาพท่ี 2.10 Option ของเครือ่ งมอื Rectangular Marquee
ทมี่ า : นายประเวช ผิวพรรณ, 25 พฤศจกิ ายน 2558
14
- Option ของเคร่ืองมือ Lasso
ภาพที่ 2.11 Option ของเครื่องมือ Lasso
ท่ีมา : นายประเวช ผวิ พรรณ, 25 พฤศจกิ ายน 2558
- Option ของเครื่องมือ Quick Select
ภาพที่ 2.12 Option ของเครื่องมือ Quick Select
ที่มา : นายประเวช ผวิ พรรณ, 25 พฤศจกิ ายน 2558
ประโยช ์ของชุดเ ร่อื งมอื ส หรับก รสร้ ง Selection
ใช้สาหรับเลือกพ้ืนท่ีบนรูปภาพตามต้องการและตามรูปแบบเคร่ืองมือท่ีใช้ในการเลือก
พ้ืนท่ีบนรูปภาพ
ข้ั ตอ ก รใชง้ ชดุ เ รื่องมือส หรบั ก รสร้ ง Selection
การเลือก Selection คือ การกาหนดขอบเขตในการทางาน เช่น แก้ไขภาพ ปรับแต่ง
ภาพ หรือวาดภาพ ฯลฯ ซึ่งไม่ว่าจะใช้เคร่ืองมือใด ๆ ก็จะมีผลบริเวณทีเลอื กไว้เท่าน้ัน ตัวอย่างการ
สรา้ ง Selection
กลมุ่ เ ร่ืองมือ Marquee Tool
ภาพท่ี 2.13 ภาพกลุ่มเคร่อื งมอื Marquee Tool
ที่มา : นายประเวช ผิวพรรณ, 25 พฤศจกิ ายน 2558
– Rectangular Marquee Tool เป็นการสรา้ งพ้ืนทเี่ ป็นรูปส่เี หล่ียม ถา้ กด Shift ค้างไว้ขณะ
คลิกลากเมาสจ์ ะได้รูปส่เี หล่ยี มจตุรัส
– Elliptical Marquee Tool เปน็ การสร้างพน้ื ท่ีเป็นรปู วงกลมหรือวงรี ถ้ากด Shift ค้างไว้
ขณะคลิกลากเมาสจ์ ะไดร้ ปู วงกลม
– Single Row Marquee Tool เป็นการสร้างพื้นที่เปน็ รปู เสน้ ตรงแนวนอน กว้าง 1 พิกเซล
– Single Column Marquee Tool เป็นการสรา้ งพนื้ ทเี่ ปน็ รปู เส้นตรงแนวต้ัง กว้าง 1 พิเซล
15
Rectangular Marquee Tool
คลกิ เครือ่ งมือ Rectangular Marquee Tool รูปส่ีเหล่ียม จากน้ันช้ที ภ่ี าพ กดปุ่ม
ซา้ ยของเมาสค์ ้างไว้ แล้วลากเป็นเสน้ ประ เพ่ือเลอื กส่วนน้ัน
- การกดปมุ่ Shift ขณะท่ีลากเมาสเ์ พื่อใหส้ ัดสว่ นในการสรา้ งมีขนาดเท่ากนั เชน่
ใช้ Rectangular Marquee Tool กจ็ ะได้รูปสีเ่ หล่ยี มจัตุรัส
- การกดปมุ่ Alt ขณะที่ลากเมาสเ์ ส้น Selection จะขยายออกตามเมาส์
ภาพท่ี 2.14 การใช้เครือ่ งมือ Rectangular Marquee Tool
ท่ีมา : นายประเวช ผวิ พรรณ, 25 พฤศจกิ ายน 2558
Elliptical Marquee Tool
คลิกเคร่อื งมอื Elliptica Marquee Tool รูปวงกลม จากนน้ั ช้ีทภ่ี าพ กดปมุ่ ซา้ ย
ของเมาส์คา้ งไว้ แล้วลากเป็นเส้นประ เพื่อเลอื กส่วนนัน้
- การกดปุม่ Shift ขณะท่ีลากเมาสเ์ พอื่ ใหส้ ดั สว่ นในการสร้างมีขนาดเทา่ กนั เช่น
ใช้ Elliptica Marquee Tool กจ็ ะได้รูปวงกลม
- การกดป่มุ Alt ขณะท่ีลากเมาส์เส้น Selection จะขยายออกตามเมาส์
ภาพที่ 2.15 การใชเ้ ครอ่ื งมอื Elliptica Marquee Tool
ที่มา : นายประเวช ผวิ พรรณ, 25 พฤศจิกายน 2558
16
Single Row Marquee Tool Single Column Marquee Tool
คลิกเคร่ืองมือ Single Row Marquee Tool หรือ Single Column Marquee
Tool จากนั้นชที้ ี่ภาพ กดปุ่มซา้ ยของเมาสค์ า้ งไว้ แลว้ ลากเปน็ เส้นประ เพ่อื เลือกส่วนนนั้
และเส้น Selection ที่ได้ทัง้ แนวตง้ั หรอื แนวนอน จะมีความสงู ของเสน้ ขนาด 1 พิกเซล
ภาพท่ี 2.16 การใช้เครื่องมอื Single Row Marquee Tool และ Single Column Marquee Tool
ท่มี า : นายประเวช ผิวพรรณ, 25 พฤศจกิ ายน 2558
กลุม่ เ รื่องมือ Lasso Tool
ภาพที่ 2.17 ภาพกลุม่ เครื่องมอื Lasso Tool
ทม่ี า : นายประเวช ผิวพรรณ, 25 พฤศจกิ ายน 2558
– Lasso Tool เป็นการเลอื กแบบอสิ ระ คือเลอื กพนื้ ทใี่ นรปู เสน้ Free hand ด้วย
การคลกิ ลากเมาสใ์ หเ้ ปน็ วงรอบพ้ืนท่ีทต่ี อ้ งการ
– Polygonal Lasso Tool เปน็ การเลือกแบบสร้างขอบเปน็ เสน้ ตรงหลายเหล่ียม
ด้วยการคลกิ เมาสเ์ พอ่ื สร้างรปู หลายเหล่ยี มรอบพืน้ ท่ีทต่ี ้องการ
– Magnetic Lasso Tool เป็นการเลอื กเสมือนมีแมเ่ หลก็ ทด่ี ดู ขอบเสน้ เขา้ หา
ตาแหนง่ ทเี่ ลอื กโดยอตั โนมัติ
17
Lasso Tool
เป็นการเลือกแบบอิสระ วิธีการใช้งานคือ คลิกเลือกเครื่องมือ Lasso Tool
จากน้ันชี้ที่ภาพ กดปุ่มซ้ายของเมาส์ค้างไว้ แล้วลากไปตามขอบของพนื้ ที่ Selection ที่
ต้องการจนมาบรรจบที่จุดเริ่มต้นแลว้ จึงปล่อยเมาส์จะปรากฏเสน้ ประของ Selection
แต่ตอ้ งอาศยั ความนิ่งของมือด้วย
ภาพท่ี 2.18 การใชเ้ ครือ่ งมือ Lasso Tool
ทม่ี า : นายประเวช ผิวพรรณ, 25 พฤศจิกายน 2558
Polygonal Lasso Tool
เป็นการเลือกแบบสรา้ งขอบเป็นเส้นตรงหลายเหลยี่ ม เครือ่ งมอื นใี้ ชโ้ ดยการคลิก
ไปทีละจดุ แล้วโปรแกรมจะสร้างเส้นตรงต่อระหว่างจุดให้เอง และเมอื่ จดุ มาจนใกล้กบั
จดุ เรม่ิ ต้น เคอรเ์ ซอรก์ จ็ ะเปล่ียนมาเปน็ รูป หรอื ถ้าดบั เบิ้ลคลิกที่ตาแหน่งใดก็ตาม
โปรแกรมจะตอ่ เส้นบรรจบกันใหท้ ันที
ภาพที่ 2.19 การใช้เครอื่ งมือ Polygonal Lasso Tool
ทีม่ า : นายประเวช ผวิ พรรณ, 25 พฤศจกิ ายน 2558
18
Magnatic Lasso Tool
เป็นการเลือกเสมือนมีแม่เหล็กท่ีดูดขอบเส้นเข้าหาตาแหน่งทเี่ ลือกโดยอัตโนมัติ
เครื่องมอื นใ้ี ชค้ ล้าย ๆ กับ Polyganal Lasso Tool เพยี งแคค่ ลกิ ทีจ่ ุดแรกเท่าน้นั และก็
ลากไปตามขอบของรูปเทา่ นั้นเอง เส้นที่เกิดข้ึนก็จะถูกดดู ไปติดกับขอบของรูปเองโดย
อัตโนมัติ หรือในบางจุดเราอาจจะคลิ๊กจุดลงไปก็ได้อีกเช่นกัน โปรแกรมก็จะสรา้ งเสน้
Selection มาต่อที่จุดน้ันให้เอง และเม่ือต้องการจบวงรอบ ก็ให้ทาเหมือนเคร่ืองมือ
Polyganal Lasso Tool เท่านัน้ เอง
ภาพท่ี 2.20 การใช้เครอ่ื งมือ Magnatic Lasso Tool
ท่มี า : นายประเวช ผิวพรรณ, 25 พฤศจิกายน 2558
กลุม่ เ ร่ืองมอื Quick Selection
ภาพที่ 2.21 ภาพกลุ่มเคร่อื งมอื Quick Selection
ที่มา : นายประเวช ผิวพรรณ, 25 พฤศจิกายน 2558
– Quick Selection Tool เป็นเครื่องมือท่ใี ช้เลอื กพื้นทต่ี ามพ้นื ทท่ี ีล่ ากเมาสผ์ า่ น
พัฒนามาจาก เคร่ืองมือ Magic Wand Tool แต่จะพิเศษกว่าตรงท่ีสามารถเลือก
ขอบเขตได้อย่างแม่นยา มีการกาหนด หัวแปรงและยังสามารถปรับแต่งเส้นขอบใน
ภายหลงั ได้ดว้ ย
– Magic Wand Tool เป็นเครื่องมือสร้างขอบเขตพ้ืนที่ท่ีมีสีเดียวกันหรือ
ใกล้เคียงกันท้งั หมด
19
Quick Selection Tool
เคร่ืองมือน้ีใช้ระบายเพื่อเลือกพ้ืนที่ของภาพ เมื่อคลิกลากเมาส์ไปในพื้นท่ี
โปรแกรมจะทาการเลือกพนื้ ทที่ ี่มีสใี กล้เคยี งกนั โดยอัตโนมัติ
ภาพท่ี 2.22 การใช้เครอ่ื งมอื Quick Selection Tool
ที่มา : นายประเวช ผิวพรรณ, 25 พฤศจิกายน 2558
Magic Wand Tool
เปน็ เครอ่ื งมือเลอื กโดยการเลอื กเฉพาะสี เปน็ การเลอื กพน้ื ทภ่ี าพทมี่ สี ีใกล้เคยี งกบั
ค่าสี ในจุดที่เราคลิกเมาส์เลือก เม่ือคลิกเมาส์โปรแกรมจะทาการเลือกพ้ืนท่ีท่ีมีค่าสี
ใกล้เคียงกันโดยอัตโนมัติ
ภาพที่ 2.23 การใชเ้ คร่ืองมอื Magic Wand Tool
ทม่ี า : นายประเวช ผิวพรรณ, 25 พฤศจิกายน 2558
20
ก รปรบั รูปแบบก รเลอื กพื้ ที่
เคร่ืองมือการเลือกพื้นที่ท่กี ล่าวมาท้ังหมดนั้น ใช้งานกับภาพท่ีแตกต่างกัน บางภาพอาจต้องใช้
เคร่ืองมือหลายตวั ร่วมกัน เพอ่ื ใหก้ ารเลือกพน้ื ท่คี รอบคลมุ ในส่วนท่ีเราตอ้ งการได้ทงั้ หมด ท่ี Option Bar
ของเครอ่ื งมอื จะมีตวั เลือกในการปรับรูปแบบการเลือกพ้นื ท่ีที่นามาใชร้ ่วมกนั
จะแสดง option ดังรปู
New Selection : เมอ่ื คลิกเมาสจ์ ะเปน็ การสร้าง Selection ขนึ้ ใหม่
Add to Selection : สรา้ ง Selection เพิม่ ข้ึน โดยพน้ื ที่ Selection กอ่ นหนา้ จะไม่
หายไป แตจ่ ะถูกรวมเขา้ ดว้ ยกัน
Subtract from Selection : ลบพ้นื ที่ของ Selection ออกจาก Selection กอ่ นหนา้
Intersect with Selection : เปน็ การสรา้ ง Selection ใหมใ่ นพนื้ ที่ Selection เดิม
ด้วยวิธี Intersect จากพืน้ ที่ Selection ท่ีกาหนดใหมแ่ ละ Selection กอ่ นหน้า ทม่ี พี นื้ ทเ่ี ดียวกนั
Feather : ต้งั คา่ ความเบลอหรอื ฟุ้งกระจายของขอบ Selection
ใช้กาหนดค่าฟุ้งกระจาย หรือความเบลอที่ขอบของ Selection หลังจากท่ีได้เลือกพืน้ ที่ที่
ต้องการแล้วจะต้องคัดลอก (Copy),ตัด (Cut),เคลื่อนย้าย (Move) เพ่ือให้เห็นผลการทางาน
ของ Feather มีหน่วยเป็น พิกเซล โดยจะสามารถกาหนดค่าของ Feather ได้ต้ังแต่ 0 ถึง 255 pixel
ยิ่งใช้ค่ามากขอบ Selection จะย่ิงฟุ้งกระจายมากทาให้ขอบของภาพที่เลือกดูเบลอหรือนุ่มนวล
ขึ้น ออปช่ันนี้จะมีอยู่ในเครื่องมือที่ใช้สร้าง Selection ทุกชนิด ยกเว้นเคร่ืองมือ Magic Wand และ
Quick Selection
การกาหนดค่า Feather ทาได้ 2 วิธคี อื
1. กาหนดกอ่ นสร้าง Selection โดยพิมพ์คา่ ลงในชอ่ ง Feather ใน
ออปชั่นบาร์
2. กาหนดหลงั สรา้ ง Selection ใหใ้ ชค้ าสง่ั Select > Modify > Feather จะมี
ไดอะลอ็ ก Feather Selection เปดิ ข้ึนมาใส่ค่าที่ตอ้ งการในชอ่ ง Feather Radius แล้วคลิก OK
ภาพท่ี 2.24 การกาหนดค่า Feather Selection
ท่มี า : นายประเวช ผิวพรรณ, 25 พฤศจกิ ายน 2558
21
ภาพท่ี 2.25 ตัวอย่างการกาหนดคา่ Feather Selection
ทีม่ า : นายประเวช ผิวพรรณ, 25 พฤศจกิ ายน 2558
Crop Tool
เลือกพืน้ ทีเ่ พ่ือตดั ภาพเฉพาะสว่ นที่ต้องการ (Crop Tool) ในภาพบางภาพ อาจมี
ส่วนท่ีไม่ต้องการและจะต้องตัดทง้ิ ไป สามารถใช้เครื่องมอื น้ีในการเลอื กเฉพาะกรอบที่
ต้องการ โดยการคลิกเมาส์ลากในบริเวณท่ตี อ้ งการ จากนั้น สามารถปรบั ขนาดหรอื หมุน
กรอบภาพที่เลือก เมื่อได้ส่วนท่ีต้องการแล้ว กดปุ่ม Enter เพ่ือแสดงส่วนท่ีเราเลือก
เท่าน้ัน
ภาพท่ี 2.26 ตัวอยา่ งการใชเ้ ครือ่ งมือ Crop Tool
ทม่ี า : นายประเวช ผวิ พรรณ, 28 พฤศจิกายน 2558
22
เม ู Select
คาสั่งอื่นๆ ในการจัดการ Selection โปรแกรม Photoshop มีคาสั่งพ้ืนฐานอื่นๆ ท่ีใช้เป็น
เครื่องมือในการจัดการ Selection นอกจากท่มี อี ย่ใู น Option ของเคร่อื งมือ Selection ชนดิ ตา่ งๆ
ภาพที่ 2.27 เมนู Select
ทีม่ า : นายประเวช ผิวพรรณ, 28 พฤศจิกายน 2558
การเลอื กพนื้ ทีท่ ั้งภาพ ใช้คาส่งั Select > All (คยี ์ลดั Ctrl+A)
การยกเลกิ Selection ใช้คาสั่ง Select > Deselect (คียล์ ดั Ctrl+D) เสน้ Selection จะ
หายไปและพ้นื ที่ Selection ถกู ยกเลกิ
เรยี กคืน Selection ใชค้ าสงั่ Select > Reselect ใช้เรียก Selection สดุ ท้ายทถี่ กู ยกเลิก
การสลบั พนื้ ที่ Selection ใช้คาสั่ง Select > Inverse เป็นการสลับพน้ื ทท่ี เี่ ลอื กไวก้ ับพ้ืนท่ี
ทีไ่ ม่ได้เลือก เน่อื งจากพนื้ ท่ีท่ีต้องการเลอื กจริงๆ มีความซับซ้อนทาให้ยากท่ี
จะ Selection จงึ เลอื กพื้นทส่ี ว่ นอน่ื แล้วใชค้ าสั่ง Select > Inverse สลับพื้นที่กัน
การขยาย Selection ใช้คาส่ัง Select > Modify > Expand ขยายพืน้ ที่
รอบ Selection เดิมออกไปโดยกาหนดคา่ การขยายเป็นPixels
การลดขนาด Selection ใช้คาสั่ง Selection > Modify > Contract ลดพื้นท่ี
รอบ Selection เดมิ ลงโดยกาหนดค่าเป็น Pixels
23
กิจกรรมที่ 2.1
ก รจัดก รไฟลร์ ปู ภ พ
ขั้ ตอ แรกส หรบั ก รเริ่มต้ ใชง้ Photoshop ก็ อื ก รเร่ิมต้ สร้ งไฟลใ์ หม่ ซึง่ เป็
ข้ึ ตอ ทีเ่ ร จะตอ้ งลงมอื ท ทุก ๆ รงั้ เมื่อเร ต้องก รสร้ งชิ้ ง โดยใช้ Photoshop
หลงั จากทเ่ี ปิดโปรแกรม Photoshop แล้ว ข้นั ตอนของการสรา้ งไฟลใ์ หม่ มดี งั นี้
1. เลือกคาสั่ง File --> New หรือใช้คีย์ลัดโดยการกดปุ่ม Ctrl + N ที่คีย์บอร์ดพร้อม ๆ กัน
ซึง่ จะปรากฏไดอะล็อกบ็อกซ์ New ดงั ภาพท่ี 2.9
2. กาหนดช่ือไฟล์ใหม่ ในช่อง Name (จะไม่กาหนดก่อนก็ได้ โดยสามารถไปกาหนดตอน
บนั ทกึ ไฟลก์ ไ็ ด้)
3. กาหนดขนาดความกว้าง และความสูงของช้ินงาน โดยใส่ค่าเป็นตัวเลขความกว้าง 800
Pixels และความสงู 600 Pixels
4. กาหนดคา่ ความละเอยี ดของภาพ ท่ีชอ่ ง Resolution เท่ากับ 72 Pixels/Inch
5. เลอื กโหมดสีของไฟล์ ในชอ่ ง Color Mode เปน็ RGB Color
6. เลือกลักษณะของพ้ืนหลังของภาพ จากลิสต์ของ Background Content ให้เลือก White
จะได้ดงั ภาพท่ี 2.10
24
7. คลกิ เมนคู าสัง่ File > Open หรอื กดคียล์ ดั < Ctrl + O > เพื่อเปิดหนา้ ต่าง Open ข้นึ มา
8. คลิกชอ่ ง Look in: เพื่อเลอื กตาแหนง่ ไดร์ฟหรอื โฟลเดอรท์ เี่ ก็บไฟลภ์ าพ
9. คลกิ เลือกไฟล์ภาพท่ีตอ้ งการ
10. คลิกปุ่ม Open เพ่อื เปิดไฟลภ์ าพ
25
11. คลิกเมนคู าสง่ั Image > Image Size หรอื กดคียล์ ัด < Alt + Ctrl + I > จะปรากฏหน้าตา่ ง
Image Size ข้ึนมา ดังภาพท่ี 2.13
12. กาหนดความกวา้ ง Width : ความสงู Height: และหนว่ ยวัดเพื่อปรบั ขนาดภาพ ในที่นเ้ี ลอื ก
ความกว้าง 600 ความสงู 289 และหนว่ ยวัดแบบ Pixels
13. คลิกเลือก Resample Image เพื่อปรับขนาดภาพทแ่ี สดงบนหน้าจอตามขนาดทก่ี าหนด ใน
Document Size
14. คลกิ ปมุ่ OK เพื่อตกลง
26
15. คลกิ เมนคู าส่ัง File > Save As หรอื กดคีย์ลัด < Shift + Ctrl + S >
16. คลิกเลือก Save in: เพอื่ เลอื กตาแหนง่ ไดรฟ์ หรอื โฟลเดอรท์ ตี่ ้องการบนั ทึก
17. พมิ พ์ชือ่ ไฟลใ์ นชอ่ ง File name: โดยสามารถตั้งชอื่ ไฟลไ์ ดท้ ง้ั ภาษาไทยและภาษาองั กฤษ
18. คลกิ ชอ่ ง Format: เพอ่ื กาหนดประเภทของไฟลง์ านที่ต้องการบันทกึ
19. คลิกป่มุ Save เพื่อบันทกึ ไฟลง์ าน
27
กจิ กรรมท่ี 2.2
ก รตดั ต่อเปล่ยี ภ พพื้ หลัง
การตดั ภาพในโปรแกรม Photoshop CS6 นนั้ สามารถทาไดห้ ลากหลายวิธี ดงั นนั้ วธิ ตี ดั ภาพดว้ ย
เครื่องมือต่าง ๆ จะเนน้ ทกี่ ารสร้าง Selection แบบต่างๆ ในการเลอื กรปู ภาพ
ก รตดั ต่อเปลี่ย ภ พพื้ หลงั ใ โปรแกรม Photoshop CS6
เม่ือเปิดโปรแกรมข้นึ มาแลว้ มีข้นั ตอนการทาดังน้ี
1. คลิกเมนูคาสั่ง File > Open หรอื กดคยี ์ลดั < Ctrl + O > แลว้ ก็เลือกรูปภาพพื้นหลงั
2. เม่ือได้ภาพแล้ว เลอื กที่เคร่อื งมอื Rectangular Marquee Tool หรือ ไปท่เี มนูคาสง่ั
Select > All แลว้ ไปคลกิ เมนคู าสง่ั Edit > Copy หรือกดคียล์ ดั < Ctrl + C > เพอื่ คัดลอกรปู ภาพ
28
3. คลกิ เมนูคาส่ัง File > New หรือกดคียล์ ดั < Ctrl + N > เพ่ือสรา้ งไฟลง์ านใหม่ ให้กาหนด
ขนาดความกว้าง 800 Pixel และความสูง 600 Pixel
4. คลิกเมนคู าส่งั Edit > Paste หรอื กดคียล์ ดั < Ctrl + V > เพอ่ื วางรูปภาพท่คี ดั ลอกไวท้ ี่ไฟล์
งานใหม่ การคัดลอกรปู ภาพเพอ่ื ปอ้ งกันรปู ต้นฉบบั เสยี หาย ถ้ารปู ภาพท่ีคดั ลอกมาใหญ่กว่าขนาดไฟล์
งานที่สร้างขน้ึ ให้ใช้ เมนูคาสงั่ Edit > Free Transform หรอื กดคยี ล์ ัด < Ctrl + T > เพื่อปรบั ขนาด
รูปภาพใหเ้ หมาะสม
5. คลิกเมนูคาสัง่ File > Open หรือกดคียล์ ดั < Ctrl + O > แล้วเลอื กภาพท่ตี ้องการจะ
เปลย่ี นพน้ื หลัง
6. เมื่อได้ภาพแล้ว เลือกทเ่ี ครอ่ื งมอื Polygonal lasso Tool แล้วคลมุ ตามรปู ทเ่ี ราต้องการ
แล้วคลกิ เมนคู าสง่ั Edit > Copy หรอื กดคยี ล์ ัด < Ctrl + C > เพื่อคัดลอกรปู ภาพ
29
7. กลบั มาท่ีภาพพนื้ หลงั คลิกเมนูคาส่งั Edit > Paste หรอื กดคีย์ลัด < Ctrl + V > เพอ่ื วาง
รปู ภาพท่คี ดั ลอกไว้ ถ้ารปู ภาพทคี่ ดั ลอกมาใหญก่ ว่าขนาดภาพพื้นหลงั ใหใ้ ช้ เมนคู าสง่ั Edit > Free
Transform หรอื กดคยี ์ลดั < Ctrl + T > เพื่อปรับขนาดรปู ภาพใหเ้ หมาะสม
ถ้ารูปภาพที่คดั ลอกมาใหญก่ วา่ ขนาดภาพพื้นหลัง ให้ใช้ เมนคู าสง่ั Edit > Free Transform
หรือกดคีย์ลัด < Ctrl + T > เพ่ือปรบั ขนาดรูปภาพใหเ้ หมาะสม โดยขณะปรับขนาดใหก้ ด Shift ดว้ ย
เพอ่ื ไม่ใหร้ ปู ภาพเสียสมดลุ
30
8. เมอ่ื จดั รูปภาพเสรจ็ แลว้ ใหค้ ลกิ ท่ี Blur Tool เพือ่ ทาใหภ้ าพเบลอปกปิดรอยตัด
9. ใหค้ ลิก Shift + Ctrl + E เพอื่ รวมรูปภาพ
31
10. เสรจ็ แลว้ ใหค้ ลกิ File เลอื ก save as เพือ่ บนั ทกึ รปู ภาพ แลว้ สง่ ครทู ้ายช่วั โมง
11. เสรจ็ เรียบร้อย ได้รปู พนื้ หลังใหม่
32
ใบง ท่ี 2.1
ก รจัดก รไฟล์รปู ภ พ
การใชโ้ ปรแกรมกราฟกิ รหสั วิชา ง30241
กลุ่มสาระการเรียนร้กู ารงานอาชพี และเทคโนโลยี
ชอ่ื ..............................................................ช้นั ...................เลขท่.ี .................
ช้ีแจง : ให้นกั เรยี นตอบคาถามตอ่ ไปนี้ (15 คะแนน)
ตอ ท่ี 1 ให้นกั เรียนเติมคาตอบใหถ้ ูกตอ้ ง (9 คะแนน)
ใหน้ กั เรยี นกรอกข้อมลู ในชอ่ งวา่ งตามหมายเลข 1-8 ในการกาหนดพืน้ ทท่ี างาน (Working
Area) ซึ่งใหม้ ีขนาดความละเอยี ด 72 Pixels/inch ความกวา้ ง 210 มม. ความสูง 297 มม. และ
กาหนดพืน้ หลังแบบโปรง่ ใส โดยตั้งชอ่ื ช้ินงานว่า work1
1
62
73
84
5
1. ….................................................................................................................................
2. ....................................................................................................................................
3. ....................................................................................................................................
4. ....................................................................................................................................
5. ....................................................................................................................................
6. ....................................................................................................................................
7. ....................................................................................................................................
8. ....................................................................................................................................
9. ....................................................................................................................................
33
ตอ ท่ี 2 ให้ผูเ้ รยี นตอบคาถามตอ่ ไปนี้ ใหไ้ ด้ใจความทีส่ มบูรณถ์ กู ตอ้ ง (6 คะแนน)
1. คาสั่ง เปดิ ไฟล์รปู ภาพ มกี แ่ี บบ อะไรบ้าง จงอธบิ าย (3 คะแนน)
………………………………………………………………………………………..........................................………
………………………………………………………………………………………..........................................………
………………………………………………………………………………………..........................................………
………………………………………………………………………………………..........................................………
………………………………………………………………………………………..........................................………
.
2. จงอธบิ ายขัน้ ตอนการบันทกึ ไฟลง์ าน (3 คะแนน)
………………………………………………………………………………………..........................................………
………………………………………………………………………………………..........................................………
………………………………………………………………………………………..........................................………
………………………………………………………………………………………..........................................………
………………………………………………………………………………………..........................................………
เกณฑ์ก รให้ ะแ
ตอบคาถามถูกต้อง ครบถ้วน สมบูรณ์ ได้ 5 คะแนน
ตอบคาถามถูกต้อง ครบถว้ น แต่ยังไมส่ มบรู ณ์ ได้ 4 คะแนน
ตอบคาถามสว่ นใหญ่ถูกตอ้ ง ได้ 3 คะแนน
ตอบคาถามยังไมส่ มบรู ณ์ แตส่ ่วนใหญ่ถูกต้อง ได้ 2 คะแนน
ตอบคาถามสว่ นใหญไ่ ม่ถกู ต้อง ได้ 1 คะแนน
ตอบคาถามไม่มสี ว่ นถูกตอ้ ง ได้ 0 คะแนน
ะแ ที่ได้
34
ใบง ที่ 2.2
ก รเลอื กบ งส่ว ของภ พ
การใช้โปรแกรมกราฟิก รหสั วชิ า ง30241
กลมุ่ สาระการเรยี นรู้การงานอาชีพและเทคโนโลยี
ช่อื ..............................................................ชนั้ ...................เลขที.่ .................
ช้แี จง : ให้นักเรยี นตอบคาถามตอ่ ไปน้ี (15 คะแนน)
ตอ ที่ 1 ให้ผเู้ รียนตอบคาถามตอ่ ไปนี้ ให้ได้ใจความทส่ี มบรู ณถ์ ูกต้อง (6 คะแนน)
1. เคร่ืองมอื ในกลมุ่ Marquee มีอะไรบา้ ง จงอธิบาย
………………………………………………………………………………………..........................................………...
………………………………………………………………………………………..........................................………...
………………………………………………………………………………………..........................................………...
………………………………………………………………………………………..........................................………...
………………………………………………………………………………………..........................................………...
………………………………………………………………………………………..........................................………...
2. จงอธบิ ายขั้นตอนการใชเ้ ครอ่ื งมือ Magnetic Lasso Tool
………………………………………………………………………………………..........................................………...
………………………………………………………………………………………..........................................………...
………………………………………………………………………………………..........................................………...
………………………………………………………………………………………..........................................………...
………………………………………………………………………………………..........................................………...
………………………………………………………………………………………..........................................………...
35
ตอนท่ี 2 ให้นักเรยี นจบั คู่ข้อความทส่ี ัมพนั ธ์กนั โดยการโยงเสน้ (9 คะแนน)
เลือกพื้นที่ตามพ้ืนทีท่ ี่ลากเมาสผ์ ่าน
สร้างพื้นทเ่ี ป็นรปู สีเ่ หล่ียม
เป็นการเลือกแบบอิสระ
เปน็ การสร้างพื้นที่เป็นรูปวงกลมหรือวงรี
เปน็ การสร้างพื้นท่ีเปน็ รูปเส้นตรงต้ัง กวา้ ง 1 พิกเซล
เปน็ การเลือกเสมือนมีแมเ่ หลก็ ท่ดี ูดขอบเสน้
สร้างขอบเขตพนื้ ทีท่ ี่มสี ีเดยี วกนั หรอื ใกลเ้ คยี งกัน
ทง้ั หมด
เปน็ การเลือกแบบสร้างขอบเป็นเส้นตรงหลายเหลย่ี ม
เป็นการสร้างพ้ืนทีเ่ ปน็ รปู เส้นตรงแนวนอน กว้าง 1 พกิ เซล
เกณฑก์ รให้ ะแ
ตอบคาถามถูกตอ้ ง ครบถว้ น สมบูรณ์ ได้ 5 คะแนน
ตอบคาถามถกู ตอ้ ง ครบถ้วน แตย่ งั ไม่สมบรู ณ์ ได้ 4 คะแนน
ตอบคาถามสว่ นใหญ่ถูกต้อง ได้ 3 คะแนน
ตอบคาถามยังไมส่ มบูรณ์ แตส่ ่วนใหญถ่ ูกตอ้ ง ได้ 2 คะแนน
ตอบคาถามสว่ นใหญ่ไม่ถกู ต้อง ได้ 1 คะแนน
ตอบคาถามไม่มีส่วนถูกตอ้ ง ได้ 0 คะแนน
ะแ ท่ีได้
36
แบบทดสอบหลงั เรยี น
เรื่อง การใชโ้ ปรแกรมกราฟกิ
เล่มท่ี 2 เรื่อง การใชง้ านโปรแกรมตกแต่งภาพ Adobe Photoshop CS6
กลมุ่ สาระการเรียนรกู้ ารงานอาชีพและเทคโนโลยี
ชนั้ มัธยมศึกษาปที ี่ 5 จานวน 10 ข้อ 10 คะแนน
ช้แี จง
1. แบบทดสอบเปน็ แบบเลือกตอบ จานวน 10 ข้อ คะแนนเต็ม 10 คะแนน
ใชเ้ วลาในการทดสอบ 10 นาที
2. เลือกคาตอบท่ีถกู ตอ้ งทส่ี ดุ เพยี งขอ้ เดยี ว แล้วทาเครื่องหมายกากบาท (X)
ลงในกระดาษคาตอบ
1. ข้อใดคือข้ันตอนแรกในการสร้างภาพ ขนาด 2x3 เมตร
ก. ระบายสีภาพ
ข. ตัดรูปภาพ
ค. ตั้งขนาดพนื้ ที่ทางาน
ง. เคล่ือนยา้ ยรูปภาพ
2. ภาพขนาด 2x3 เมตร ควรใชห้ นว่ ยวดั ใดเหมาะสมทส่ี ุด
ก. Inches
ข. Cm
ค. Points
ง. Color
3. การกดคยี ์ลัด Ctrl + N เพ่อื สง่ิ ใด
ก. การสร้างพนื้ ทท่ี างานใหม่
ข. การกาหนดค่าความละเอียดของภาพ
ค. การกาหนดขนาดรปู ภาพ
ง. การเลือกสีตัวอักษร
4. ขอ้ ใดกลา่ วผดิ เกย่ี วกบั การบนั ทกึ
ก. นาไฟลง์ านกลับมาแก้ไขใหม่ได้
ข. นาภาพไปใช้งาน
ค. ภาพมีสสี ันมากข้นึ
ง. ปอ้ งกันไฟลง์ านหาย
37
5. ถา้ ต้องการบนั ทกึ ไฟลร์ ปู ภาพควรทาอยา่ งไร
ก. File > Open
ข. File > New
ค. File > Insert
ง. File > Save
6. หากต้องการตดั ภาพเป็นรปู วงกลมควรเลอื กใช้คาส่งั ใด
ก. Rectangular Marquee Tool
ข. Brush
ค. Magic Wand Tool
ง. Elliptical Marquee Tool
7. ขอ้ ใดกลา่ วถูกต้องเกี่ยวกบั เคร่ืองมอื Lasso Tool
ก. คลิกเมาสเ์ ป็นจดุ ๆ ไปตามแนวเขตทีต่ อ้ งการ
ข. เหมาะกบั งานทไ่ี ม่ต้องการความเทย่ี งตรงมากนกั
ค. เกบ็ รายละเอียดไดด้ กี ว่า Polygonal lasso Tool
ง. เหมาะกับพน้ื ทส่ี ตี ัดกนั อย่างชดั เจน
8. ถ้าตอ้ งการตัดภาพดาว ควรใช้เครื่องมอื อะไรตัดถงึ จะเหมาะสมมากทส่ี ดุ
ก. Brush
ข. Polygonal Lasso
ค. Magic Wand Tool
ง. Rectangular Marquee Tool
9. เครือ่ งมอื อะไรมีลกั ษณะเหมือนแมเ่ หล็กดดู
ก. Magnatic Lasso Tool
ข. Magic Wand Tool
ค. Quick Selection Tool
ง. Polygonal Lasso Tool
10. การใช้เครอ่ื งมือ Magic Wand Tool เหมาะกับภาพแบบใด
ก. ภาพสีสนั ลวดลาย
ข. ภาพทข่ี อบเขตสีใกล้เคยี งกัน
ค. ภาพทีม่ สี ตี ัดกนั อย่างชดั เจน
ง. ใชไ้ ดก้ ับทกุ รปู ภาพเหมอื นๆ กัน
38
กระด ษ ตอบแบบทดสอบหลงั เรีย
ชือ่ -นามสกุล ...........................................ชนั้ ....................เลขท.ี่ ...........
ขอ้ ก ข ค ง เกณฑก์ ารประเมนิ
1 ตอบถกู ข้อละ 1 คะแนน
2 ตอบผิด ขอ้ ละ 0 คะแนน
3
4 เกณฑ์การประเมิน
5 ดี ได้คะแนน 7-10 คะแนน
6 พอใช้ ไดค้ ะแนน 5-6 คะแนน
7 ปรบั ปรุง ไดค้ ะแนน 0-4 คะแนน
8
9 คะแนน 7-10 คะแนน ถือว่า ผ่าน
10 คะแนน 0-6 คะแนน ถอื ว่า ไมผ่ ่าน
สรปุ ผลก รประเมิ
รวมคะแนน............คะแนน
ผา่ น ไม่ผ่าน
ลงชือ่ ........................................ผ้ตู รวจ
(นานประเวช ผิวพรรณ)
39
บรรณ กุ รม
เกยี รตพิ งษ์ บญุ จติ ร. (2555). ู่มอื Photoshop CS6 Professional Guide ฉบับสมบรู ณ์.
นนทบรุ :ี ไอดีซี พรเี มียร์.
ดวงพร เกยี๋ งคา. (2551). 109 Workshop ฟอ ต์สวย ดว้ ย Photoshop. กรุงเทพฯ : พมิ พด์ ี.
ดวงพร เกี๋ยงคา. (2553). ู่มอื สร้ งเว็บไซต์ดว้ ยต เอง ฉบบั สมบูรณ์. กรงุ เทพฯ : พมิ พ์ด.ี
ธรรมศักด์ิ เออื้ รักสกลุ . (2556). ก รใช้โปรแกรมกร ฟกิ Adobe Photoshop CS6. ปทมุ ธานี :
มเี ดยี อนิ เทลลิเจนซ์ เทคโนโลยี.
ธันยพัฒน์ วงศร์ ตั น.์ (2526). มู่ อื ก รใชง้ Photoshop CS6 ( มู่ ือ อมพิวเตอร์). กรุงเทพฯ :
สวัสดีไอท.ี
นพิ นั ทธ์ ไพบลู ย์พรพงศ.์ (2551). ก รจัดก รสีเพ่อื ง กร ฟกิ (Color Management System)
กรุงเทพฯ : ซเี อด็ ยูเคชั่น.
ปิยะบตุ ร สุทธิดารา. (2553). เรยี รกู้ รท ง กร ฟกิ ดไี ซ ส์ ่งิ พมิ พม์ อื อ ชพี .
นนทบุร:ี ไอดีซี พรเี มียร.์
ฝา่ ยตาราวิชาการคอมพวิ เตอร.์ (2557). โปรแกรมกร ฟิก. กรงุ เทพฯ : ซเี อ็ดยเู คช่นั .
พรี พล อรยิ รัตนา. (2560). Photoshop Advanced. กรงุ เทพฯ : พรี พล อรยิ รตั นา.
สทิ ธิชัย ประสานวงศ์. (2556). โปรแกรมกร ฟิก Adobe Photoshop CS6. กรงุ เทพฯ : ซอฟทเ์ พรส.
สรุ พงษ์ บัวเจรญิ . (2554). ออกประกอบศิลป์ส หรบั ักถ่ ยภ พ. กรงุ เทพฯ : เอม็ ไอเอส,
อนนั วาโซะ. (2560). Photoshop CC Basic Retouch ฉบบั มอื ใหมห่ ดั แต่งภ พ. กรงุ เทพฯ : ไอดีซี
พรีเมยี ร.์
40
41
เฉลยแบบทดสอบกอ่ นเรียน
เร่อื ง การใชง้ านโปรแกรมตกแตง่ ภาพ Adobe Photoshop CS6
รายวชิ า การใช้โปรแกรมกราฟกิ รหสั วชิ า ง30241
กล่มุ สาระการเรียนรู้การงานอาชีพและเทคโนโลยี
ช้ันมธั ยมศกึ ษาปีที่ 5 จานวน 10 ข้อ 10 คะแนน
ขอ้ คาตอบ
1ค
2ง
3ก
4ข
5ค
6ง
7ค
8ก
9ข
10 ง
42
แ วก รตอบใบง ที่ 2.1
ก รจดั ก รไฟล์รปู ภ พ
การใช้โปรแกรมกราฟิก รหสั วชิ า ง30241
กลุ่มสาระการเรียนรูก้ ารงานอาชพี และเทคโนโลยี
ชื่อ..............................................................ช้ัน...................เลขที่..................
ชีแ้ จง : ให้นักเรียนตอบคาถามต่อไปน้ี (15 คะแนน)
ตอ ท่ี 1 ให้นักเรยี นเตมิ คาตอบให้ถกู ตอ้ ง (9 คะแนน)
ให้นักเรยี นกรอกข้อมลู ในช่องวา่ งตามหมายเลข 1-8 ในการกาหนดพน้ื ทท่ี างาน (Working
Area) ซ่งึ ใหม้ ขี นาดความละเอียด 72 Pixels/inch ความกวา้ ง 210 มม. ความสูง 297 มม. และ
กาหนดพน้ื หลังแบบโปรง่ ใส โดยตัง้ ชอื่ ชนิ้ งานว่า work1
1
1. 6 2 จง
อธิบาย 7 3
8 4
5
1. work1
2. millimeters
3. millimeters
4. Pixels/inch
5. Transparent
6. 210
7. 297
8. 72
9. RGB
43
ตอ ที่ 2 ให้ผเู้ รียนตอบคาถามต่อไปนี้ ให้ได้ใจความทส่ี มบรู ณถ์ ูกตอ้ ง (6 คะแนน)
1. คาสัง่ เปดิ ไฟล์รปู ภาพ มกี แี่ บบ อะไรบา้ ง จงอธบิ าย (3 คะแนน)
คาสั่ง เปิดไฟล์รปู ภาพ มี 4 แบบ คอื
1. เปดิ คาสง่ั Open ใชส้ าหรบั เปิดไฟล์ภาพในรปู แบบปกติ
2. เปดิ ด้วยคาสัง่ Open As ใช้สาหรบั เปิดไฟล์ภาพ โดยหนา้ ตา่ งจะแสดงไฟลท์ ุกไฟลท์ ีม่ ี
อยู่ แตจ่ ะสามารถเปิดไดเ้ ฉพาะไฟลท์ ่ตี รงตามรปู แบบท่เี ลอื กไว้เทา่ น้ัน
3. เปดิ ด้วยคาสงั่ Open as Smart Object จะทาการแปลงไฟล์ภาพปกตใิ หก้ ลายเปน็
วัตถุทยี่ อ่ ขยายได้ และไมส่ ูญเสยี ความละเอยี ดของภาพ
4. เปดิ ด้วยคาสง่ั Open Recent ใชส้ าหรับเปิดไฟลภ์ าพทเี่ คยถกู เปิดมากอ่ นหน้า โดย
โปรแกรมจะจดจาไฟล์ภาพทเ่ี คย เปิดไว้ และสามารถเรยี กเปิดไฟล์ภาพเหลา่ นัน้ กลบั มาใช้งานไดถ้ ึง 10
ไฟล์ โดยไมต่ ้องทาการค้นหาไฟล์ทจี่ ะเปดิ ใหมใ่ ห้เสียเวลา
2. จงอธบิ ายขั้นตอนการบนั ทึกไฟลง์ าน (3 คะแนน)
การบนั ทึกไฟลง์ านดว้ ยคาสั่ง Save As เปน็ การบันทึกไฟล์งานเดมิ เป็นชอื่ ใหม่ หรอื บันทกึ ให้อยู่
ในรูปแบบใหม่ มีขน้ั ตอนดงั น้ี
1. คลิกเมนคู าสัง่ File > Save As หรือกดคียล์ ัด < Shift + Ctrl + S >
2. คลกิ เลอื ก Save in: เพ่อื เลือกตาแหนง่ ไดร์ฟหรือโฟลเดอรท์ ตี่ อ้ งการบันทกึ
3. พิมพ์ช่อื ไฟลใ์ นช่อง File name: โดยสามารถตงั้ ช่ือไฟลไ์ ดท้ ั้งภาษาไทยและ
ภาษาองั กฤษ
4. คลกิ ชอ่ ง Format: เพ่อื กาหนดประเภทของไฟลง์ านท่ีตอ้ งการบันทกึ ในทน่ี เ้ี ลอื ก
บนั ทึกไฟลป์ ระเภท JPEG
5. คลกิ ปุ่ม Save เพื่อบันทกึ ไฟลง์ าน
6. กาหนดคา่ Quality: เพ่อื กาหนดคุณภาพความคมชดั ของไฟล์งาน สามารถกาหนดค่า
ไดต้ ้ังแต่ 0-12 โดยค่าที่มากส่งผลใหไ้ ฟลง์ านท่ไี ดม้ คี ณุ ภาพดีตามไปด้วย
7. คลกิ ปุ่ม OK เพอ่ื ตกลง
44
แ วก รตอบใบง ที่ 2.2
ก รเลอื กบ งสว่ ของภ พ
การใชโ้ ปรแกรมกราฟกิ รหสั วชิ า ง30241
กลมุ่ สาระการเรยี นรกู้ ารงานอาชพี และเทคโนโลยี
ช่อื ..............................................................ช้นั ...................เลขที่..................
ชี้แจง : ให้นกั เรียนตอบคาถามตอ่ ไปนี้ (15 คะแนน)
ตอ ท่ี 1 ให้ผเู้ รียนตอบคาถามต่อไปนี้ ให้ไดใ้ จความทสี่ มบรู ณ์ถกู ตอ้ ง (6 คะแนน)
1. เคร่ืองมอื ในกลมุ่ Marquee มอี ะไรบ้าง จงอธบิ าย
1) เคร่ืองมอื Rectangular Marquee Tool ใช้สาหรบั การสรา้ ง Selectionเปน็ สเี่ หล่ยี มผนื ผา้
และสเ่ี หล่ียมจัตรุ สั
2) Elliptical Marquee Tool ใชส้ าหรับการสร้าง Selection เป็นวงกลมและวงรี
3) Single Marquee Tool ใช้สาหรบั การสรา้ ง Selection เป็นพื้นทร่ี ปู เสน้ ตรงในแนวนอน
ความกวา้ ง 1 pixel
4) Single Column Marquee Tool ใช้สาหรบั การสร้าง Selection เป็นพ้นื ทร่ี ปู เสน้ ตรงใน
แนวต้ัง
2. จงอธิบายขั้นตอนการใช้เครื่องมอื Magnetic Lasso Tool
เป็นการเลอื กเสมือนมีแมเ่ หลก็ ทด่ี ูดขอบเสน้ เข้าหาตาแหน่งที่เลือกโดยอัตโนมัติเคร่อื งมอื น้ีใช้
คล้าย ๆ กับ Polyganal Lasso Tool เพียงแค่คลิกท่ีจุดแรกเท่านั้น และก็ลากไปตามขอบของรูป
เท่าน้ันเอง เสน้ ทีเ่ กิดขน้ึ กจ็ ะถูกดดู ไปติดกบั ขอบของรูปเองโดยอัตโนมัติ หรือในบางจุดเราอาจจะคลิก
จุดลงไปก็ได้อกี เช่นกัน โปรแกรมก็จะสร้าง เส้น Selection มาต่อท่ีจุดนน้ั ให้เอง และเมื่อต้องการจบ
วงรอบ ก็ให้ทาเหมอื นเครือ่ งมอื Polyganal Lasso Tool เทา่ นัน้ เอง