การใช้งานโปรแกรม Adobe PhotoShop

ความร้พู น้ื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 1

คานา

เอกสารประกอบการเรยี น เรอ่ื ง ความรพู้ ื้นฐานในการใชง้ าน โปรแกรม Adobe
Photoshop CS6 จดั ทาขึ้น เพอ่ื ใช้ประกอบการจดั กิจกรรมการเรียนรู้ โดยมี เปา้ หมาย
เพือ่ ใช้เปน็ สอ่ื ในการจัดการเรยี นรู้เพอ่ื พัฒนานักเรียน ใหม้ ีคณุ ภาพตาม มาตรฐานการ
เรียนรู้ พฒั นานักเรยี นให้มีสมรรถนะตามท่ตี อ้ งการ ท้ังด้านการสอ่ื สาร การคดิ การ
แก้ปัญหา การใชท้ ักษะชวี ิต และการใชเ้ ทคโนโลยี ตลอดจนพฒั นานักเรยี น ให้มี
คุณลักษณะอันพึงประสงค์ เพอื่ ให้สามารถอยรู่ ่วมกับผอู้ ่ืนในสงั คมไทยและสงั คมโลก ได้
อย่างมคี วามสุข ซงึ่ ประกอบดว้ ยเอกสารประกอบการเรยี น มเี น้ือหา ดงั น้ี

1 ความร้พู นื้ ฐานในการใชง้ าน โปรแกรม Adobe Photoshop CS6
2 การจัดการกบั สีและการใช้งาน Layer
3 การเลอื กพืน้ ท่ดี ้วย Selection
เ4 การทางานกับข้อความและตวั อักษร
5 การรที ัชภาพและการปรบั ปรงุ รูปถ่าย
6 การสร้างและวาดรูปทรงแบบเวคเตอร์
ผู้เรียนสามารถศกึ ษา และเรยี นรดู้ ้วยตนเอง ตามแผนผงั แสดงขั้นตอนการเรยี น
ทไี่ ด้ระบไุ ว้ ในเอกสารประกอบการสารโดยผู้เรียนสามารถเรียนรู้ไดอ้ ย่างเปน็ อิสระ และ
สามารถพฒั นาตนเองได้ เตม็ ตามศักยภาพ สอดคลอ้ งกบั แนวคดิ ในการพัฒนาผู้เรียน
สศู่ ตวรรษที่ 21 ทีม่ ุ่งเนน้ ให้ผเู้ รยี นมีทักษะ ทจี่ าเป็น 3 ด้าน คือ 1) ทักษะการเรยี นร้แู ละ
นวัตกรรม 2) ทักษะชวี ติ และและการทางาน 3) ทักษะด้านสารสนเทศ สือ่ เทคโนโลยี
ผู้จดั ทาหวังเป็นอย่างยง่ิ ว่า เอกสารประกอบการเรียน เล่มที่ 1 ความรพู้ น้ื ฐานใน
การใชง้ าน โปรแกรม Adobe Photoshop CS6 จะเปน็ ประโยชน์ต่อการพฒั นา
ผลสัมฤทธทิ์ างการเรียน ท้ังยังช่วยสง่ เสริมให้ครผู ู้สอน สามารถจดั การเรียนการสอนรู้ได้
อยา่ งมีประสิทธภิ าพ ตรงตามมาตรฐานการศึกษา เพอื่ การพฒั นา ผู้เรียนสู่ความเป็น
พลเมืองโลกในศตวรรษท่ี 21

มยุรี พงษศ ริ ิจนั ทร

เอกสารประกอบการเรยี น เรื่อง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรพู้ ้นื ฐานในการใชง้ านโปรแกรม 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

ความรู้พ้ืนฐานในการใช้งานโปรแกรม 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

ความรพู้ ้ืนฐานในการใช้งานโปรแกรม 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

ความรูพ้ ้นื ฐานในการใช้งานโปรแกรม 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

ความรูพ้ น้ื ฐานในการใช้งานโปรแกรม 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

ความรูพ้ ้นื ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 7

แผนผงั แสดงข้ันตอนการเรยี น

ศึกษาคาแนะนาในการใช้เอกสารประกอบการเรยี น

ทดสอบก่อนเรยี น

ศกึ ษาสาระการเรียนรู้ / ผลการเรียนรู้
จดุ ประสงคข์ องการเรยี นรู้ และวิธกี ารวดั ผลประเมนิ ผล

ศึกษาใบความรู้และทากิจกรรม

ทดสอบหลงั เรยี น ไม่ผ่านเกณฑ์

ผา่ นเกณฑ์

ศกึ ษาเอกสารประกอบการเรยี น เล่มที่ 2

เอกสารประกอบการเรียน เรือ่ ง การใช้งานโปรแกรม Adobe Photoshop CS6

ความรู้พ้ืนฐานในการใช้งานโปรแกรม 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

ความรพู้ น้ื ฐานในการใชง้ านโปรแกรม 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

ความรพู้ ื้นฐานในการใชง้ านโปรแกรม 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

ความรูพ้ ้ืนฐานในการใชง้ านโปรแกรม 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

ความรพู้ ้ืนฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 12

แบบทดสอบกอ่ นเรียน

เร่อื ง : ร้จู กั และใช้งาน Photoshop CS6
จานวน 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

ความรูพ้ ื้นฐานในการใชง้ านโปรแกรม 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

ความรูพ้ ื้นฐานในการใชง้ านโปรแกรม 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

ความรู้พ้นื ฐานในการใช้งานโปรแกรม 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

เอกสารประกอบการเรียน เร่ือง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรพู้ น้ื ฐานในการใช้งานโปรแกรม 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.2 เลือก กดปมุ่ Install (เลอื ก Try กรณที ดลองใช)้

1

ถ้าไม่มี Serial Number ใหเ้ ลอื กตดิ ต้งั

2 แบบ Try จะทดลองใชง้ านได้ 30 วัน

ภาพที่ 3 แสดงการเลอื กรูปแบบการติดตัง้

เอกสารประกอบการเรียน เรอื่ ง การใช้งานโปรแกรม Adobe Photoshop CS6

ความรพู้ ื้นฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 17
3.3 กดปุ่ม Accept เพื่อยอมรับเง่ือนไขการใช้งาน

ภาพที่ 4 แสดง Accept เพอ่ื ยอมรับเง่อื นไขการใช้งาน
3.4 กดปุ่ม Install เพอ่ื ดาเนินการตดิ ตง้ั

ภาพท่ี 5 แสดงปมุ่ install เพ่ือเรมิ่ ตดิ ต้งั

เอกสารประกอบการเรยี น เรอื่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรู้พน้ื ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 18
3.5 รอจนตดิ ต้ังโปรแกรมสาเรจ็

ภาพท่ี 6 แสดงสถานะตดิ ต้ัง
3.5 กดปุ่ม Close เสร็จสนิ้ การติดตั้ง

ภาพที่ 7 แสดงความสาเรจ็ ของการตดิ ต้ัง

เอกสารประกอบการเรียน เรอ่ื ง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรพู้ น้ื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 19

4. การเรยี กใชโ้ ปรแกรม Adobe Photoshop CS6

4.1 คลกิ ปุ่ม start แล้วคลกิ เลือก All program

11

ภาพท่ี 8 ปุ่ม start และ All program
4.2 คลิกเลือกโปรแกรม Adobe Photoshop CS6

(64 Bit) 1

ภาพที่ 9 แสดงโปรแกรม Adobe Photoshop CS6

เอกสารประกอบการเรยี น เรื่อง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรูพ้ นื้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 20
4.3 โปรแกรม Adobe Photoshop CS6 (64 Bit) แสดงหน้าต่างโปรแกรม
(Splash Screen) เปดิ เข้าสู่โปรแกรม

ภาพท่ี 10 แสดงหน้าต่างโปรแกรม (Splash Screen)
4.4 โปรแกรม Adobe Photoshop CS6 (64 Bit) พรอ้ มสร้างช้นิ งานใน
รปู แบบต่าง ๆ

ภาพท่ี 11 แสดงหน้าจอการสร้างชนิ้ งาน

เอกสารประกอบการเรยี น เร่ือง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรู้พ้ืนฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 21

5.สว่ นประกอบหน้าจอโปรแกรม

แทบชอื่ ภาพ เมนบู าร์ (Menu bar) ยอ่ -ขยาย หรอื ปดิ โปรแกรม
ออปชันบาร์ (Option bar)

พ้ืนท่กี ารทางาน (Workspace)

กลอ่ งเครื่องมอื (Toolbox) พื้นทีก่ ารทางาน (Canvas)
พาเนลตา่ งๆ (Panel)

ภาพที่ 12 แสดงส่วนประกอบของหนา้ จอโปรแกรม

เอกสารประกอบการเรียน เรอ่ื ง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรพู้ ืน้ ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 22

6.เปลีย่ นธมี สีหนา้ ตา่ งโปรแกรม

หากผู้ใชไ้ มช่ อบสีเทาเขม้ ท่ีโปรแกรมจัดไวใ้ หแ้ ต่แรก ก็สามารถเลือกปรับเปลี่ยนธีม
สีของหนา้ ตา่ งโปรแกรมได้ถงึ 4 แบบด้วยกนั สาหรับวิธีการเปล่ียนธมี สหี นา้ ตา่ งโปรแกรม
ทาได้ดังนี้

1 กดแปน้ Ctrl+K บนคียบ์ อรด์ คลกิ ปุ่ม OK 5

เพ่อื เปิดหน้าต่าง Preference

คลกิ เลอื ก 2 3 คลิกเลอื กธีมสี

Interfac ท่ตี ้องการ

4 ธมี สที ้ัง 4 แบบทส่ี ามารถเลอื กใชง้ านได้

ภาพท่ี 13 แสดงการเปล่ียนธีมสหี น้าตา่ งโปรแกรม

เอกสารประกอบการเรยี น เร่ือง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรพู้ น้ื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 23

7. เมนบู าร์ (Menu Bar)

เมนบู าร์เปน็ แถบทป่ี ระกอบดว้ ยกล่มุ ชดุ คาสั่งต่าง ๆ ทใี่ ชจ้ ัดการกับไฟล์ท่เี ปิดใช้
งานใน Photoshop CS6 ในบางเมนูหลักจะมีเมนูย่อยซอ้ นอยู่ (โดยจะมเี คร่ืองหมาย
ต่อท้ายคาสง่ั หลักดังภาพ)

คาสง่ั หลัก คลกิ แสดงเมนู
ยอ่ ย

ภาพที่ 14 แสดงแถบเมนบู าร์

คาสัง่ เมนูคาสงั่ ตารางที่ 1 แสดงรปู แบบการทางานของแถบเมนู
File
รูปแบบการทางาน
Edit ชุดคาส่ังสาหรบั จัดการกบั ไฟล์ภาพในลักษณะตา่ ง ๆ เช่น สร้างไฟล์
Image งานใหม่ เปดิ ไฟล์ภาพ บันทึกไฟลง์ าน นาเข้าหรือส่งออกไฟล์เพ่ือ
ทางานในลกั ษณะอ่นื ๆ
Layer ชดุ คาสงั่ สาหรับแกไ้ ขภาพ เชน่ ตัด คัดลอก วาง รวมถึงปรับแตง่ คา่
เบื้องตน้ ของโปรแกรม
ชดุ คาสั่งสาหรับจัดการภาพ เชน่ แกไ้ ขความสว่างหรือสีของภาพให้
สมดุลยง่ิ ข้นึ รวมถงึ ใชส้ าหรบั ย่อขยายขนาดภาพ และกาหนดขนาด
พื้นทก่ี ารทางานของภาพ
ชดุ คาส่ังท่ีใช้จัดการเกยี่ วกับเลเยอร์ของภาพ ไมว่ ่าจะเป็นการสรา้ ง
เลเยอร์ใหม่ การรวมเลเยอร์ การแปลง เลเยอร์ การจัดการกับ
เลเยอรข์ องไฟลล์ ักษณะตา่ ง ๆ

เอกสารประกอบการเรยี น เรื่อง การใช้งานโปรแกรม Adobe Photoshop CS6

ความรพู้ ้นื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 24

ตารางท่ี 1 (ตอ่ ) แสดงรูปแบบการทางานของแถบเมนคู าส่ัง

เมนูคาส่ัง รปู แบบการทางาน
Type
Select ชดุ คาสง่ั ที่ใช้จดั การและปรับแตง่ เกีย่ วกับข้อความ เช่น ปรับแตง่ สี
ขอ้ ความ ปรับแต่งขอบขอ้ ความ หรือการเปลีย่ นข้อความให้เปน็ ภาพ
Filter
View ชดุ คาส่ังสาหรบั ปรับแต่งการเลอื กพื้นท่ี บนั ทกึ และเรียกพืน้ ทีท่ ี่เลอื ก
Window มาใชง้ าน รวมถึงคาสัง่ สาหรบั การเลอื กพ้นื ท่ีเพ่อื ใหไ้ ด้ผลลัพธ์ทด่ี ี
Help ยง่ิ ข้นึ

ชุดคาสัง่ สาหรับปรับแตง่ ภาพให้มีรปู แบบที่น่าสนใจย่ิงข้ึน บิด ดัด
ปรับรปู ทรงรูปแบบต่าง ๆ ใหก้ บั ภาพ

ชดุ คาสงั่ ในการเลือกรปู แบบการแสดงผล เช่น ย่อขยายภาพ แสดง
ไมบ้ รรทัด เส้นกริด หรือเส้นไกด์

ชุดคาสัง่ สาหรบั เลือกเปดิ /ปดิ พาเนล รวมถึงกาหนดรูปแบบการ
แสดงหน้าต่างในแบบตา่ ง ๆ

ชุดคาส่งั สาหรับแสดงความช่วยเหลือเกย่ี วกบั การใช้เครอ่ื งมือหรือ
คาส่งั ในรูปแบบต่าง ๆ

เอกสารประกอบการเรียน เร่ือง การใช้งานโปรแกรม Adobe Photoshop CS6

ความรูพ้ ืน้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 25

8. กล่องเคร่ืองมือ (Toolbox)

กลอ่ งเครอื่ งมอื (Toolbox) จะเป็นชุดเครอ่ื งมือที่ใช้จัดการกับไฟล์งานที่เราสรา้ ง
ขึ้น โดยแบ่งออกเป็นกลมุ่ ยอ่ ยท้งั หมด 8 กลุ่มตามรูปแบบการใช้งานดังนี้

คลิกเพ่ือแสดงแถบ คลิกเพ่ือแสดงแถบ
เคร่อื งมอื 2 แถว เครอ่ื งมอื แถวเดยี ว

ลกั ษณะของแถบ
เครือ่ งมือแบบ 2 แถว

ภาพที่ 15 แสดงแถบกลอ่ งเครอ่ื งมือ

เรียกใชช้ ุดเครื่องมือย่อย
สาหรับวิธกี ารเรียกใช้เรื่องมือตา่ ง ๆ ท่ีอยใู่ นกลอ่ งเคร่ืองมอื แต่ละกล่มุ

สามารถทาได้ 2 วิธดี ังนี้
 คลกิ ทีล่ กู ศรทม่ี มุ ดา้ นลา่ งของเครือ่ งมอื คลกิ เมาสค์ ้างเลือกเครอื่ งมือย่อย
 กดแป้นคีย์ลดั ที่แสดงอยู่ดา้ นหลังชือ่ ของเครื่องมือแตล่ ะตวั

สญั ลกั ษณ์แสดง
ว่าเป็นเครื่องมือท่ีใช้
งานอยู่

รปู ลูกศรแสดงว่า คยี ล์ ดั สาหรับเรียก
มีเคร่อื งมอื ย่อย ใช้งานเครอื่ งมอื น้นั

ภาพที่ 16 แสดงการเรยี กใช้ชดุ เครือ่ งมือย่อย

เอกสารประกอบการเรียน เร่อื ง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความร้พู ื้นฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 26

9. เครอื่ งมอื ของ Adobe Photoshop CS6

Tool Panel (ทูลพาเนล) หรือ กลอ่ งเคร่ืองมอื จะประกอบไปด้วยเครอ่ื งมอื ต่าง ๆ ท่ีใช้ใน
การวาด ตกแต่ง และแก้ไขภาพ เคร่ืองมือเหลา่ นี้มีจานวนมาก ดังนน้ั จึงมกี ารรวมเคร่ืองมอื ท่ีทา
หน้าทีค่ ล้าย ๆ กนั ไวใ้ นปุ่มเดียวกัน โดยจะมลี กั ษณะรูปสามเหล่ียมอยบู่ ริเวณมุมด้านลา่ งดังภาพ
เพือ่ บอกใหร้ ู้ว่าในปุ่มนยี้ ังมเี ครือ่ งมอื อื่นอยู่ด้วย

A

B
C

E
D

F

G
H

ภาพท่ี 17 แสดงการกล่องเครอื่ งมือ (ทูลพาเนล)

เอกสารประกอบการเรียน เรอ่ื ง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความร้พู ืน้ ฐานในการใชง้ านโปรแกรม 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

ความรู้พ้นื ฐานในการใชง้ านโปรแกรม 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

ความรู้พ้นื ฐานในการใช้งานโปรแกรม 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

ความรูพ้ น้ื ฐานในการใช้งานโปรแกรม 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

ความรูพ้ นื้ ฐานในการใชง้ านโปรแกรม 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

ความรพู้ ้ืนฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 32

10. ออปชน่ั บาร์ (Option Bar)

เปน็ ส่วนทใ่ี ช้ปรับแตง่ ค่าการทางานของเครื่องมอื ตา่ ง ๆ โดยรายละเอียดในออปชน่ั
บารจ์ ะเปลี่ยนไปตามเคร่ืองมือที่เราเลือกในขณะนั้น เช่นเมอ่ื เลือกเคร่อื งมอื Move Tool
บนออปช่ันบารจ์ ะปรากฏออปชน่ั ท่ใี ชส้ าหรบั จัดตาแหน่งวตั ถุทเี่ ลือก เปน็ ตน้

ออปชัน่ บาร์ท่ีเก่ยี วข้องกับเครื่องมือ Move Tool

ภาพที่ 18 แสดงออปช่ันบาร์

11. หน้าต่างพาเนล (Panel)

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

เปดิ /ปดิ หนา้ ต่างพาเนล
วธิ กี ารเรยี กใช้งาน หรือปดิ หน้าต่างพาเนล สามรถทาได้หลายวิธี ดังนี้
- คลกิ เมนู Window > เลือกพาเนลท่ีตอ้ งการ
- กดแป้นคยี ์ลัดของพาเนลนั้น เช่น พาเนล Brush ใหก้ ดแป้นคีย์ลดั F5 เปน็ ต้น
- คลิกปมุ่ ไอคอนบนแถบพาเนล
- คลิกแถบทช่ี ือ่ พาเนลทซี่ ้อนกนั อยู่

เอกสารประกอบการเรยี น เรือ่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรพู้ ืน้ ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 33

คลิกเมนู Windows > เลือกพาเนลทีต่ ้องการ คลกิ แถบช่ือพาเนลทซ่ี อ้ นกนั อยู่

คลกิ ป่มุ ไอคอนบนแถบพาเนล

ภาพที่ 19 แสดงหนา้ ต่างพาเนล

พับหน้าต่างพาเนล

ในกรณีที่ตอ้ งการเพ่มิ พน้ื ที่การทางาน สามารถทาได้โดยคลกิ ปมุ่ เพอื่ พบั เกบ็
หน้าต่างพาเนล และเมอ่ื ต้องการใชง้ านพาเนลท่พี บั หนา้ ต่างเก็บไป ก็ใหค้ ลกิ ปุ่ม เพ่อื
เลอื กขยายหน้าตา่ งพาเนล

คลกิ ปุ่ม เพอ่ื พับเก็บหน้าต่างพาเนล หน้าตา่ งพาเนลท่ีพบั เกบ็

ภาพท่ี 20 แสดงการพับหนา้ ตา่ งพาเนล
ทม่ี า : นางสาววนิดา ยอดฉตั ร, 3 พฤษภาคม 2559

เอกสารประกอบการเรยี น เร่อื ง การใช้งานโปรแกรม Adobe Photoshop CS6

ความรพู้ ื้นฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 34

ยอ่ /ขยายขนาดหนา้ ตา่ งพาเนล
เมื่อเปิดพาเนลขึ้นมาใช้งานเป็นจานวนมาก อาจทาให้มองไม่เห็นรายการ

การทางานหรือคาส่ังต่างๆได้หมด ดังนั้นอาจต้องปรับย่อ/ขยายขนาดหน้าต่างพาเนลท้ัง
ความสูงหรือความกว้าง โดยเล่ือนเมาส์ไปชี้ที่ขอบพาเนลแล้วลากเมาส์ปรับขนาดตาม
ตอ้ งการ

เ ลื่ อ น เ ม า ส์ ไ ป ชี้ ที่ ข อ บ
พาเนลแล้วลากเมาส์ไป
ทางซ้ายเพื่อขยายความ
กว้างพาเพล ห รือไป
ท า ง ข ว า เ พื่ อ ล ด ค ว า ม
กว้างพาเนล

เลื่อนเมาส์ไปชี้ท่ีขอบพาเพลแล้วลาก
เมาส์ข้ึนบนเพ่ือขยายความสูงพาเพล
หรือลงลา่ งเพอ่ื ลดความสูงพาเนล

ภาพที่ 21 แสดงการย่อ/ขยายขนาดหนา้ ตา่ งพาเนล

เอกสารประกอบการเรียน เรอื่ ง การใช้งานโปรแกรม Adobe Photoshop CS6

ความรู้พ้ืนฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 35

12. เลือกพน้ื ทท่ี างาน (Workspace)

ใน Photoshop CS6 ได้เตรียมพืน้ ท่กี ารทางาน หรือ Workshop ตามลกั ษณะงาน
ให้เหมาะสมกับการทางานถึง 7 รูปแบบ สาหรับการเลือก Workspace ทาได้โดย คลิก
เลือกช่ือ Workspace ท่ีต้องการตรงมุมบนขวาของหน้าต่างโปรแกรม และตัวอย่าง
Workspace ทโ่ี ปรแกรมเตรยี มไวใ้ หม้ ีดงั นี้

Workspace ที่ใช้งานอยู่
คลกิ เลือก Workspace ทีต่ อ้ งการ

Essentials แสดงพาเนลพน้ื ฐาน
ทเ่ี หมาะกบั การทางานทกุ รูปแบบ

ภาพท่ี 22 แสดงการเลอื กพ้นื ท่ีทางาน

เอกสารประกอบการเรียน เรอื่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6 ม.3

ความรพู้ ืน้ ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 36

แบบฝกึ หัดท่ี 1.1

เรื่อง : รู้จักและใชง้ าน Photoshop CS6

คาช้ีแจง : ใหผ้ ู้เรียนตอบคาถามต่อไปนี้ ใหไ้ ดใ้ จความท่ีสมบูรณถ์ กู ต้อง (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

ความร้พู ้ืนฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 37

3. จงอธิบายเคร่อื งมอื ในวงกลมสแี ดง เปน็ กลุ่มเคร่ืองมอื ที่สามารถทาอะไรได้บ้าง

A ……………………………………………………………………………………..............

……………………………………………………………………………………..............

A ……………………………………………………………………………………..............
……………………………………………………………………………………..............

……………………………………………………………………………………..............

……………………………………………………………………………………..............

B B ……………………………………………………………………………………..............
……………………………………………………………………………………..............
C

……………………………………………………………………………………..............

C ……………………………………………………………………………………..............
……………………………………………………………………………………..............

E ……………………………………………………………………………………..............

D
D ……………………………………………………………………………………..............
……………………………………………………………………………………..............
……………………………………………………………………………………..............

E ……………………………………………………………………………………..............

F ……………………………………………………………………………………..............
……………………………………………………………………………………..............

……………………………………………………………………………………..............

G F ……………………………………………………………………………………..............
……………………………………………………………………………………..............

……………………………………………………………………………………..............

H G ……………………………………………………………………………………..............
……………………………………………………………………………………..............

H ……………………………………………………………………………………..............
……………………………………………………………………………………..............

ช่อื -นามสกลุ ............................................................................................ชัน้ ………………เลขที่.....................

เอกสารประกอบการเรียน เรอื่ ง การใช้งานโปรแกรม Adobe Photoshop CS6

ความรู้พนื้ ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 38

เกณฑก์ ารใหค้ ะแนน ได้ 3 คะแนน
ตอบคาถามถกู ต้อง ครบถว้ น ได้ 2 คะแนน
ตอบคาถามยังไม่สมบรู ณ์ แต่สว่ นใหญถ่ ูกตอ้ ง ได้ 1 คะแนน
ตอบคาถามส่วนใหญไ่ ม่ถูกตอ้ ง ได้ 0 คะแนน
ตอบคาถามไม่ถกู ต้อง

คะแนนทไี่ ด้

เอกสารประกอบการเรียน เรอ่ื ง การใช้งานโปรแกรม Adobe Photoshop CS6

ความรพู้ ืน้ ฐานในการใชง้ านโปรแกรม 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

ความร้พู ื้นฐานในการใช้งานโปรแกรม 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

ความรพู้ ืน้ ฐานในการใช้งานโปรแกรม 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

ความร้พู ้นื ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 42

2.สว่ นประกอบของหนา้ ตา่ งภาพ

กอ่ นทีจ่ ะเรยี นรูก้ ารทางานกบั ไฟล์ภาพ เราควรทาความรูจ้ กั กับสว่ นประกอบของ
หนา้ ต่างภาพเสียกอ่ น เพอ่ื ใหส้ ามารถใช้งานส่วนอน่ื ๆ ได้งา่ ยข้ึน ดังนี้

*ดูรูปขยาย

เปอร์เซ็นต์การซมู ภาพ คณุ สมบัติของภาพ เชน่ ขนาดภาพ ความละเอียด

เปอร์เซ็นการซูมภาพ เลเยอรท์ เี่ ลอื กใช้

ชอ่ื ไฟลภ์ าพ

โหมดสขี องภาพ

เครือ่ งหมาย*(ดอกจัน) แสดงว่ายังไม่ไดบ้ นั ทกึ
ไฟล์

ภาพที่ 25 แสดงส่วนประกอบของหน้าตา่ งภาพ

เอกสารประกอบการเรียน เรือ่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความร้พู ืน้ ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 43

3. เปดิ ไฟลภ์ าพใช้งาน

สาหรับวิธีการเปิดไฟลภ์ าพในโปรแกรม Photoshop เพ่อื นาไปตกแตง่ ใช้งานตอ่ ไป
นั้น สามารถเลอื กเปดิ ไฟลภ์ าพทีต่ อ้ งการไดด้ ว้ ยกันหลายวธิ แี ล้วแตค่ วามสะดวกและ
ลักษณะการใชง้ าน ดงั นี้

เปดิ ไฟล์ภาพทม่ี อี ยูแ่ ล้ว
สาหรับวิธกี ารเปดิ ไฟลภ์ าพทม่ี ีอยแู่ ลว้ ข้นึ มาใช้งาน ทาได้ดังน้ี

1 คลิกเมนู File > Open
คลกิ เลอื กไฟลใ์ นที่จดั เก็บ 2

คลิกปุ่ม Open 3

ภาพท่ี 26 แสดงการเปดิ ไฟล์ภาพท่ีมีอยู่แลว้
Note
หากต้องการเปิดไฟล์ภาพพรอ้ มกันหลายภาพ ถา้ ไฟล์เรียงติดกนั ให้กดแป้น Shift
ค้างไวแ้ ลว้ คลิกเลือกภาพ แต่ถ้าไฟลภ์ าพไมเ่ รียงติดกนั ให้กดแป้น Ctrl ค้างไว้แล้วคลิก
เลอื กภาพ

เอกสารประกอบการเรียน เร่ือง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรพู้ ้นื ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 44

เปดิ ไฟลภ์ าพที่เคยเปิดใช้งานลา่ สดุ

ในกรณีทตี่ ้องการเปิดไฟลภ์ าพ
ที่เคยใช้งานอกี ครง้ั สามารถทาได้งา่ ย ๆ
โดยคลิกที่เมนู File > Open Recent >
เลือกชื่อไฟล์ทีต่ ้องการ

คลิกเมนู File > Open Recent >
เลอื กชือ่ ไฟล์ล่าสุดที่ต้องการ

ภาพที่ 27 แสดงการเปิดไฟล์ภาพทเี่ คยเปิดใช้งานล่าสุด
ทีม่ า : นางสาววนดิ า ยอดฉตั ร, 3 พฤษภาคม 2559

เปิดไฟลภ์ าพดว้ ยการลากแลว้ ปล่อย

อกี วิธีหนึ่งทจ่ี ะทาใหเ้ ราสามารถเปดิ ไฟล์ภาพไดอ้ ยา่ งรวดเร็ว คือ การลากแลว้

ปลอ่ ยซ่ึงทาไดด้ งั นี้ 1 เปิดหน้าตา่ งไดเรคทอรที ่จี ดั เก็บ

แดรกเมาสม์ าปลอ่ ยใน 3 คลิกเลอื กไฟล์ภาพ 2
พน้ื ทีท่ างาน

ภาพที่ 28 แสดงการเปิดไฟล์ภาพด้วยการลากแลว้ ปล่อย
ทีม่ า : นางสาววนิดา ยอดฉตั ร, 3 พฤษภาคม 2559

เอกสารประกอบการเรยี น เรอื่ ง การใช้งานโปรแกรม Adobe Photoshop CS6

ความรู้พืน้ ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 45

4. สร้างไฟลง์ านใหม่

การสรา้ งไฟล์งานขึ้นมาใหม่ เปน็ การสร้างไฟลง์ านว่าง ๆ ไมม่ ีภาพข้ึนมาใช้งาน
โดยมขี ้นั ตอนดังนี้

คลิกเมนู File > New 1

ตง้ั ช่ือไฟล์ 2 8 คลิกปุ่ม OK

กาหนดความกวา้ ง 3
กาหนดความสงู 4

เลือกสีพื้นหลัง 7

กาหนดโหมดสี 6 5 กาหนดความ
ของภาพ
5 ละเอยี ดของภาพ

ภาพท่ี 29 แสดงการสรา้ งไฟลใ์ หม่
ที่มา : นางสาววนิดา ยอดฉัตร, 3 พฤษภาคม 2559

เอกสารประกอบการเรยี น เรอื่ ง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรพู้ ้ืนฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 46

5. การบนั ทึกไฟลภ์ าพ

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

บันทกึ เพอ่ื นากลับมาแกไ้ ขภายหลงั
ไฟล์รูปแบบแรกที่ควรบันทึก คือ ไฟล์รูปแบบ PSD ซ่ึงเป็นการบันทึกไฟล์

ต้นฉบับที่ประกอบด้วยเลเยอร์การทางานของภาพ, ข้อความ, และฟิลเตอร์เอฟเฟ็กต์ที่ใช้
ตกแตง่ ภาพซงึ่ สามารถกลับมาแก้ไขภายหลงั ไดต้ ลอดเวลา โดยมีขน้ั ตอนดังน้ี

1 คลกิ เมนู File > Save 2 เลือกตาแหน่งท่จี ัดเกบ็ ภาพ

ตงั้ ช่อื ไฟล์ 3
คลิกเลือกรูปแบบไฟลแ์ บบ PSD 4

คลิกปุ่ม Save 5

6 คลกิ ปมุ่ OK

ภาพที่ 30 แสดงการบันทกึ เพือ่ นากลับมาแกไ้ ขภายหลัง

เอกสารประกอบการเรียน เรื่อง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความร้พู น้ื ฐานในการใชง้ านโปรแกรม Adobe Photoshop CS6 47
บันทึกไฟล์รปู แบบอน่ื ๆ จากไฟล์ PSD

นอกจาการบันทึกไฟล์แบบ PSD แล้ว ยังสามารถบันทึกไฟล์ในรูปแบบอื่น เช่น
JPG, GIF, TIFF, และอื่นๆได้ ท้ังขึ้นอยู่กับการนาไฟล์งานไปใช้งาน เช่น นาไปอัดภาพ
ท่ีร้านอัดภาพควรบันทึกเป็น JPG เป็นต้น ส่ิงสาคัญจะต้องทาการรวมเลเยอร์ท้ังหมด
ให้เป็นเลเยอร์เดยี วก่อนแล้วจึงบันทึกไฟล์ โดยมีขัน้ ตอนดังน้ี

คลิกเลอื กเลเยอร์ทั้งหมด 1

แลว้ กดแป้น Ctrl+E

เลเยอร์ท้ังหมดจะรวมเป็น 2

เลเยอรเ์ ดยี ว

คลกิ เมนู File > Save 3

ภาพท่ี 31 แสดงการบนั ทึกไฟลร์ ูปแบบอื่นๆ จากไฟล์ PSD

เอกสารประกอบการเรยี น เรอ่ื ง การใช้งานโปรแกรม Adobe Photoshop CS6

ความรู้พ้ืนฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 48

4 เลอื กตาแหน่งที่จดั เกบ็ ภาพ

ตงั้ ชือ่ ไฟล์ 5 7 คลิกปมุ่ Save
9 คลกิ ปุ่ม OK
เลอื กรูปแบบ 6

ไฟล์ทีจ่ ะบันทึก

กาหนดระดับ 8

คณุ ภาพของไฟล์
งานสงู สุด (12)

ภาพที่ 31 แสดงการบนั ทึกไฟล์รูปแบบอน่ื ๆ จากไฟล์ PSD (ต่อ)

บันทึกไฟล์งานอตั โนมตั ิดว้ ย Auto Save

เพอ่ื ป้องกันการหลงลมื บันทกึ ไฟล์งานขณะตกแตง่ ภาพโปรแกรม Photoshop

CS6 ไดเ้ พม่ิ คาสง่ั Auto Save ซงึ่ เปน็ คาส่ังที่กาหนดใหโ้ ปรแกรมบันทกึ ไฟล์งานตามท่ี

กาหนดเวลาไวโ้ ดยงานท่ีบันทกึ ไวค้ รัง้ ล่าสุดจะถูกกู้คืนกลับมาให้ทางานต่อได้ทันท่ี ซ่ึงวธิ ี

กาหนดเวลาบนั ทกึ เองสามารถทาได้โดยกดแปน้ Ctrl+K แล้วทาตามดังนี้

คลกิ ที่ 1 3 คลกิ ปุ่ม OK
File Handing 0 0

กาหนดเวลาที่ 2
ต้องการให้บนั ทึก
อัตโนมัติ 0

ภาพท่ี 32 แสดงการบันทึกไฟลง์ านอัตโนมตั ิด้วย Auto Save

เอกสารประกอบการเรยี น เร่อื ง การใชง้ านโปรแกรม Adobe Photoshop CS6

ความรู้พ้นื ฐานในการใช้งานโปรแกรม 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

ความรพู้ ้ืนฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 50

คลิกแถบชื่อไฟล์ทต่ี ้องการแยก คลิกขวาบนแถบชอื่ ไฟลภ์ าพแล้ว
แลว้ แดรกเมาส์ลากออกมากปล่อย เลือก Move to New Window

เมอ่ื เลือกทาวธิ ีใดวิธีหนึ่งแลว้ หนา้ ต่าง
ไฟล์งานท่เี ลอื กจะถกู แยกออกมาเปน็ อิสระ
ดังภาพตัวอย่าง

หน้าตา่ งไฟลง์ านจะถูกแยกออกมาเปน็ อิสระ

ภาพที่ 34 แสดงหน้าต่างกลมุ่ ภาพใหม่

รวมกลมุ่ หน้าตา่ งภาพ
หากต้องการย้ายตาแหนง่ หน้าต่างภาพไปรวมกลุ่มกนั สามารถทาได้โดยคลกิ

เมาส์ค้างบนไตเต้ลิ บารแ์ ล้วแดรกเมาส์ลากไปยงั หน้าตา่ งกลุ่มภาพด้านบนให้ปล่อยวางเม่อื
เห็นขอบสีฟา้ ในหน้าตา่ งกลุม่ ภาพ

คลิกเมาส์บนไตเตลิ บารแ์ ล้ว แดรก
เมาส์ลากไปวางยังหน้าต่างกลุ่มภาพ

ภาพท่ี 35 แสดงรวมกลุ่มหน้าตา่ งภาพ
ทมี่ า : นางสาววนดิ า ยอดฉตั ร, 3 พฤษภาคม 2559

เอกสารประกอบการเรียน เรอ่ื ง การใช้งานโปรแกรม Adobe Photoshop CS6