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

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

ปรับขนาดหนา้ ตา่ งภาพ
ในกรณภี าพไม่แสดงไมพ่ อดกี บั หน้าต่างหรือภาพบางสว่ นตกขอบหน้าต่าง

นอกจากจะใชส้ กรอลบารเ์ ลอ่ื นภาพแล้ว เรายังสามารถปรบั ขนาดหน้าตา่ งให้พอดีกบั ภาพ
ได้ ซ่งึ มี 3 วิธี ดงั น้ี

 เลอ่ื นเมาส์ไปท่ีขอบหน้าตา่ ง สงั เกตเมาส์จะเปลี่ยนรปู สาหรับปรบั
ความสงู และ สาหรับปรบั ความกวา้ ง

 เลอื่ นเมาสไ์ ปทม่ี ุมขอบหนา้ ตา่ งภาพ แล้วแดรกเมาสล์ ากปรับความสูง
และความกว้างตามต้องการ

แดรกเมาส์ลาก
ปรับความกว้าง

แดรกเมาส์ลาก
ปรับความสงู

แดรกเมาส์ลากปรับ
ความกว้างและความสงู

ภาพท่ี 36 แสดงการปรับขนาดหน้าตา่ งภาพ

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

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

8. การใช้ไม้บรรทดั เสน้ กรดิ และเสน้ ไกด์

เส้นกริด (Grid) ,เส้นไกด์ (Guide) และไม้บรรทัด (Ruler) เป็นออปชันสาหรับ
การทางานกบั ภาพถา่ ย หรอื งานออกแบบทีต่ อ้ งการความแม่นยาในเรือ่ งตาแหนง่

ไม้บรรทดั
เส้นไกด์

เส้นกริด

ภาพท่ี 37 แสดงตวั อย่างไมบ้ รรทดั เส้นกรดิ และเส้น
ไกด์

รูจ้ กั กบั ไมบ้ รรทัด (Ruler)
ไมบ้ รรทัดจะถูกนามาใช้เมอื่ ต้องการกาหนดขนาดและระยะสาหรับการวาดภาพ

หรือต้องการทราบขนาดและรพยะของออบเจ็กต์ สามารถแสดง/ซ่อน การใช้งานไม้
บรรทัดได้โดยคลิกเมนู View > Rulers (หรือกดแป้น Ctrl+R) นอกจากน้ียังสามารถ
กาหนดหน่วยวดั ของไม้บรรทดั ให้เหมาะสมกับงานได้หลายแบบ

คลิกเมนู > View > Rulers

จะแสดงเส้นกริดในหน้าต่างภาพ

คลกิ ขวาท่ีไมบ้ รรทัด
แล้วเลอื กหน่วยวัด

ภาพที่ 38 แสดงการปรับขนาดหนา้ ตา่ งภาพ

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

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

ร้จู กั กบั เสน้ กริด (Grid)
เส้นกริด คือ ตารางสีเทาท่ีมีระยะห่างของแต่ละช่องเท่ากันปรากฏ ทั่วทั้งภาพ

โดยกาหนดระยะและตาแหนง่ ของวัตถุบนรูปภาพให้อยู่ในตาแหน่งที่ตอ้ งการสามารถเปิด/
ปดิ เสน้ กรดิ ไดโ้ ดยทค่ี ลกิ เมนู View > Show > Grid

คลกิ เมนู > View > Show > Grid
จะแสดงเสน้ กรดิ ในหน้าตา่ งภาพ

ภาพท่ี 39 แสดงการใช้งานเสน้ กริด (Grid)

รูจ้ ักกับเส้นไกด์ (Guide)
เส้นไกด์ เปนเสน้ ทน่ี ามาใชเ้ มื่อตอ้ งการกาหนดตาแหนง่ เพ่ือวางออบเจ็กต์ วาด

ภาพ หรือจัดการรปู ภาพ
 สรา้ งเส้นไกด์
สาหรับการสรา้ งเสน้ ไกด์ สามารถทาไดโ้ ดยใช้เคร่อื งมอื Move Tool

โดยคลิกเมาส์บนไมบ้ รรทัด แลว้ แดรกเมาส์ลากลง-ขึ้นเม่ือตอ้ งการเส้นไกด์แนวนอน หรือ
ลากไปทางขวา-ซ้ายเมื่อการสรา้ งเสน้ ไกด์แนวต้ัง

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

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

 ลบเสน้ ไกด์
ในกรณที ่ีต้องการลบเส้นไกดบ์ างเสน้ ใหใ้ ชเ้ ครอื่ งมอื Move Tool

แดรกเมาส์ลากเสน้ ไกดไ์ ปปลอ่ ยในไมบ้ รรทัด แต่หากต้องการลบเสน้ ไกดท์ ้ังหมดในคร้ัง
เดียวให้เข้าไปท่ีเมนู View > Clear > Guides

 ซ่อน/แสดง เสน้ ไกด์
ถา้ ต้องการซอ่ น หรอื แสดงเสน้ ไกด์ สามารถทาได้โดยคลกิ เมนู View >

Show > Guides

ลากเอาเสน้ ไกด์ออกมาจากไม้บรรทัด
ก็จะได้เส้นไกด์ทั้งแนวตง้ั และแนวนอน

ภาพท่ี 40 แสดงการใชง้ านเสน้ ไกด์ (Guide)

9.การยกเลกิ คาสงั่ และยอ้ นกลบั การทางาน

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

 Undo เป็นคาสั่งย้อนกลับการทางานเพียงขั้นตอนเดียวเท่าน้ัน สามารถเรียกใช้
ได้โดยคลิกเมนู Edit > Undo (ชื่อคาสั่ง) แต่หากย้อนกลับการทางานมากกว่าข้ันตอน
เดียวใหก้ ดแปน้ Ctrl+Alt+Z ซ่ึงสามารถยกเลิกได้ 20 ขัน้ ตอน

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

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

 Redo เป็นคาสั่งย้อนกลับการทางาน หลังจากใช้คาสั่ง Undo แล้วหากต้องการ
ทาซา้ ข้นั ตอนดงั กล่าว สามารถทาไดโ้ ดยคลกิ เมนู Edit > Redo

 Revert เป็นคาสั่งสาหรับย้อนกลับการทางานไปยังจุดที่บันทึกไฟล์ครั้งสุดท้าย
สามารถเรยี กใช้งานได้โดยคลิกเมนู File > Revert

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

ภาพท่ี 41 แสดงแสดงการใช้พาเนล History

10. การปิดโปรแกรม Photoshop

สามารถปิดโปรแกรมที่เมนู File > Exit แต่หากได้มีการปรับแต่งภาพต้นฉบับกจ็ ะ
ปรากฏไดอะล็อกบ็อกซ์ยืนยนั การบนั ทึกภาพเช่นเดียวกบั การปดิ ไฟล์

เล่ม 1 จบแลว้ จา้
เขา้ ใจบา้ งไหมจ๊ะ

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

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

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

เร่ือง : การทางานกับไฟลภ์ าพเบ้ืองตน้

คาชแี้ จง : ใหผ้ เู้ รยี นตอบคาถามต่อไปน้ี ให้ไดใ้ จความทีส่ มบรู ณ์ถูกต้อง (10 คะแนน)
1. ภาพบิทแมพ (Bitmap) และภาพเวคเตอร์ (Vector) ความแตกต่างกนั อยา่ งไร

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

2. ชนิดของไฟลภ์ าพทใ่ี ช้ใน Photoshop CS6 ใหย้ กตัวอย่างมา 3 ลกั ษณะพรอ้ ม
บอกว่างานที่นาไปใชค้ ืองานแบบใด

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

3. จงอธบิ ายการเปดิ ไฟลภ์ าพใชง้ านแต่ละแบบมาพอสงั เขป

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

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

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

4. จงอธบิ ายการบนั ทกึ ไฟล์ภาพแตล่ ะแบบมาพอสังเขป

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

5. จงอธบิ ายการยกเลิกคาสง่ั และยอ้ นกลบั การทางานทาไดอ้ ย่างไรบา้ ง

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

ทาแบบฝึกหัด
กันได้ไหมจะ๊ เด็กๆ

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

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

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

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

คะแนนทีไ่ ด้

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

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

แบบทดสอบหลงั เรียน

เรอ่ื ง : ความรูพ้ ้ืนฐานในการใช้งาน โปรแกรม Adobe Photoshop
รายวชิ าโปรแกรมกราฟกิ เบอื้ งต้น รหัสวิชา ง20245
กลุม่ สาระการเรียนรู้การงานอาชพี และเทคโนโลยี
ระดบั ชน้ั มธั ยมศึกษาปีที่ 3 จานวน 10 ขอ้ 10 คะแนน

คาซ้ีแจง

1. แบบทดสอบเปน็ แบบเลอื กตอบ จานวน 10 ข้อคะแนน
เตม็ 10 คะแนน ใช้เวลาในการทดสอบ 10 นาที

2. เลอื กคาตอบทถ่ี กู ตอ้ งท่ีสุดเพยี งข้อเดียว แล้วทา
เครอ่ื งหมายกากบาท (X) ลงในกระดาษคาตอบ

1. โปรแกรม Adobe Photoshop เป็นโปรแกรมที่ใช้ทาอะไร

ก. ใชส้ าหรับดูหนงั ฟงั เพลง ข. ใชส้ าหรบั คน้ หาเวบ็ ไซต์ตา่ ง ๆ

ค. ใช้สาหรับทาภาพกราฟิกต่าง ๆ ง. ใช้จัดทาเว็บไซต์ตา่ ง ๆ

2. Resolution คอื อะไร ข. ความยาวของภาพ
ก. ความสูงของภาพ ง. ความกวา้ งและความยาวของภาพ
ค. ความละเอียดของภาพ

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

4. ข้อใดไม่ใช่โหมดสีในโปรแกรม Adobe Photoshop

ก. RGB Color ข. CMYK Color

ค. JPG Color ง. Lab Color

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

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

5. การปรบั ขนาดของภาพใช้เมนูใด ข. Image > Picture
ก. Image > Image Size ง. Image > Rotate
ค. Image > Size

6. ขอ้ ใดไมใ่ ชห่ น่วยของความกวา้ งและความสงู ของภาพใน Photoshop

ก. Km ข. Inch

ค. Points ง. Pixel

7. ข้อใดคอื ไฟล์ของโปรแกรม Photoshop

ก. .ACDC ข. .MPEG

ค. .PSD ง. .AVI

8. การตั้งขนาดของภาพเปน็ ขนาด A4 ในโปรแกรม Adobe Photoshop ต้องเลอื ก

ในหมวดใด

ก. Web ข. International Paper

ค. Clipboard ง. Film & Video

9. การเลือกสีพน้ื หลังเปน็ แบบ Transparent หมายถงึ อะไร

ก. ให้พน้ื หลงั มีสีขาว ข. ใหพ้ ้นื หลังโปรง่ ใส

ค. ใหพ้ นื้ หลงั มีสตี ามสี Foreground ที่เลือก ง. ให้พ้นื หลังมีสตี ามที่เลือก

10. นามสกลุ ที่นยิ มใช้ในการบันทกึ งานจากโปรแกรม Adobe Photoshop คอื อะไร

ก. Rpg , Rf ข. Jpg , Gif
ค. Abc , Gif ง. Jpg , Rpg

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

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

กระดาษคาตอบแบบทดสอบหลงั เรียน

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

ข้อ 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 62

บรรณานุกรม

เกียรตพิ งษ์ บญุ จิตร. (2555). คูม่ อื PHOTOSHOP CS6 Professional Guide ฉบบั
สมบรู ณ์. นนทบุรี : บริษทั ไอดีซีพรีเมยี ร์ จากัด.
. (2557). Photoshop CC Professional Guide.
กรุงเทพมหานคร : บรษิ ทั ไอดีซีพรีเมียร์ จากดั .

ทัศยาภรณ์ เกอื้ นนุ่ . (2557). คู่มอื Adobe Photoshop CS6. กรงุ เทพมหานคร :
โปรวชิ นั่ .

ธนั ยพฒั น์ วงศร์ ัตน์. (2556). คมู่ ือการใชง้ าน Photoshop CS6 (คมู่ ือคอมพิวเตอร)์ .
กรงุ เทพฯ : สวัสดี ไอที.

พรี พล อรยิ รัตนา. (2560). Photoshop Advanced. กรุงเทพฯ : พรี พล อริยรัตนา.
ปยิ ะ นากสงค์. ตกแตง่ ภาพกราฟกิ Photoshop CS6+CC ฉบับสมบูรณ์. นนทบุรี :

รไี วว่า. 2559
อนนั วาโซะ. (2560). Photoshop CC Basic Retouch ฉบับมือใหมห่ ัดแตง่ ภาพ.

กรุงเทพฯ : ไอดซี ี พรเี มยี ร์.
การตดิ ตง้ั โปรแกรม ADOBE PHOTOSHOP CS6. (ออนไลน์). http://www.

schoolptk.ac.th/portfolio/install.html. (สืบคน้ เม่ือ 3 พฤษภาคม 2559)
การใช้งานของ Adobe Photoshop. (ออนไลน์). https://noteswband.wordpress.

com. (สบื คน้ เม่ือ 3 พฤษภาคม 2559)
สว่ นประกอบต่าง ๆ ของโปรแกรม Photoshop CS6. (ออนไลน์). https://sites.

google.com/site/computeronlineinth. (สบื คน้ เม่ือ 3 พฤษภาคม 2559)

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

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

ภาคผนวก

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

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

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

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

ขอ้ ที่ คาตอบ
1. ค
2. ง
3. ค
4. ก
5. ข
6. ค
7. ค
8. ง
9. ข
10. ข

ถกู กนั ไหมจะ๊
เดก็ ๆ

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

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

เฉลยแบบฝึกหัดท่ี 1.1
เร่ือง : รจู้ กั และใชง้ าน Photoshop CS6

คาช้ีแจง : ใหผ้ เู้ รียนตอบคาถามต่อไปนี้ ให้ได้ใจความทส่ี มบูรณถ์ กู ตอ้ ง (10 คะแนน)
1. เครอื่ งคอมพวิ เตอรส์ าหรบั ติดต้งั โปรแกรม Adobe Photoshop CS ควรมี
คณุ สมบตั ิอย่างไร

สาหรับสเปคคอมขั้นต่าที่สามารถตดิ ต้ังและใชง้ านโปรแกรม 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.

2. จงอธิบายหนา้ ที่ของหมายเลข ตอ่ ไปน้ี

1
2
1

4 5
3

1.1 หมายเลข 1 คือ เมนูบาร์ (Menu bar)
1.2 หมายเลข 2 คือ ออปชนั บาร์ (Option bar)
1.3 หมายเลข 3 คือ กลอ่ งเครอ่ื งมือ (Toolbox)
1.4 หมายเลข 4 คอื พ้นื ท่ีการทางาน (Canvas)
1.5 หมายเลข 5 คือ พาเนลต่างๆ (Panel)

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

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

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

A : กลุม่ เคร่อื งมือสาหรับการเลอื กเพอ่ื ย้ายวัตถุ หรอื รูปภาพไป
ยงั ตาแหนง่ ท่ตี ้องการรวมถงึ สรา้ ง Selection เพื่อเลอื กทางาน
A กับบางส่วนของภาพ เช่น การระบายสี หรอื ลบส่วนที่ไมต่ อ้ งการ
ออกไป

B : กลมุ่ เคร่ืองมือสาหรบั การตัดภาพเพอื่ เลือกเฉพาะส่วน หรอื
B หน่ั ภาพเพือ่ ใชบ้ นเว็บไซต์

C C : กลมุ่ เครอ่ื งมอื สาหรบั วัดคา่ เชน่ เก็บค่าสเี พื่อใช้
เปรียบเทียบ วดั ระยะ การตรวจนับ

D : กลุ่มเครอ่ื งมอื สาหรับการรีทชั ภาพ โดยแบง่ เป็นกลมุ่
E เครอ่ื งมอื ย่อยได้แก่ กลุ่มการแก้ไขพืน้ ผวิ กล่มุ สาหรับการตดั
D ฉากหลงั กลมุ่ สาหรับปรับความคมชดั และกลมุ่ สาหรบั ปรับแต่ง

สเี ฉพาะจดุ

E : กลมุ่ เคร่อื งมอื สาหรบั การระบายสีและการลงสีด้วยวิธีตา่ งๆ

โดยมกี ลุม่ ย่อยแบ่งตามการใชง้ าน เชน่ การระบายสี วาดเส้น

แปลงภาพเปน็ ภาพวาดระบายสี หรอื การลงสแี บบไล่โทน

F F : กลุ่มเคร่อื งมอื สาหรบั สร้างรปู ทรงเวคเตอร์ ผู้ใช้สามารถบิด

หรอื ดัดรูปทรงได้โดย ไมส่ ญู เสยี รายละเอยี ด เชน่ การวาดภาพ

G ในกลุม่ เครอื่ งมือ Pen Tool, การสร้างตวั อักษร หรือการวาด
รปู ทรงในกลุ่ม Shape Tool

G : กลุม่ เคร่ืองมือสาหรับจัดการกับมมุ มองของภาพ

H

H : กล่มุ เครอ่ื งมอื สาหรับจดั การกบั โหมดของหนา้ จอ

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

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

เฉลยแบบฝกึ หดั ที่ 1.2
เรือ่ ง : การทางานกบั ไฟลภ์ าพเบือ้ งต้น
5

คาชแี้ จง : ให้ผูเ้ รียนตอบคาถามตอ่ ไปน้ี ให้ได้ใจความทีส่ มบูรณถ์ ูกต้อง (10 คะแนน)
1. ภาพบทิ แมพ (Bitmap) และภาพเวคเตอร์ (Vector) ความแตกตา่ งกันอย่างไร

ภาพบิทแมพ (Bitmap) หรือภาพแบบราสเตอร์ (Raster) คือภาพที่เกิดจากจดุ สี
ท่ีเรียกว่า Pixel ซึ่งประกอบกันเป็นรูปร่างบนพ้ืนท่ี ที่มีลักษณะเป็นเส้นตาราง (กริด) แต่
ละพิกเซลจะมีค่าของตาแหน่ง และค่าสีของตัวเอง ภาพหน่ึงภาพ จะประกอบด้วยพิกเซล
หลายๆ พิกเซลผสม ด้วยเหตุท่ีภาพแบบ Bitmap เป็นภาพที่ข้ึนอยู่กับความละเอียด
หรือความคมชัด (Resolution ) ซึ่งก็คือ จานวนพิกเซลท่ีแน่นอนในการแสดงภาพ ดังนั้น
เมื่อมีการขยายภาพ จะเกิดปัญหาคือ เห็นเป็นกรอบสี่เหล่ียมเล็ก ๆ หลาย ๆ จุดประกอบ
กนั เพราะกรดิ ของภาพมขี นาดทแ่ี น่นอนนั่นเอง

ส่วนภาพเวคเตอร์ (Vector) เป็นภาพท่ีมีลักษณะของการสร้างจากคอมพิวเตอร์
ท่ีมีการสร้างให้แต่ละส่วนของภาพเป็นอิสระต่อกัน โดยแยกช้ินส่วนของภาพท้ังหมด
ออกเป็นเส้นตรง รูปทรง หรือ ส่วนโค้ง โดยอ้างอิงตามความสัมพันธ์ทางคณิตศาสตร์หรือ
อาศัยการคานวณทางคณิตศาสตร์ โดยมีสีและตาแหน่งของสีที่แน่นอน ฉะน้ันไม่ว่าจะมี
การย่อขยายขนาดของภาพ ก็จะไม่เสียรูปทรง และความละเอียดของภาพจะไม่ลดลง จึง
ทาให้ภาพยงั คงชดั เจนเหมือนเดมิ แม้ขนาดของภาพจะมขี นาดใหญข่ นึ้ หรือเล็กลงก็ตาม

2. ชนดิ ของไฟลภ์ าพท่ีใช้ใน Photoshop CS6 ให้ยกตัวอย่างมา 3 ลักษณะพร้อม
บอกว่างานทีน่ าไปใชค้ อื งานแบบใด

JPG, JPEG (Joint Photographic Expert Group) เปน็ รปู แบบท่นี ยิ มใชม้ าก
ท่สี ดุ เหมาะกับภาพทีม่ ตี ้องใช้เฉดสีละเอยี ดสูง เพราะสามารถแสดงเฉดสีไดถ้ งึ 16.7 ลา้ นสี
(24 บิท)

GIF (Graphic Interchange Format) เปน็ สกุลไฟล์ทเี่ หมาะกบั ภาพท่ไี ม่
มเี ฉดสีซับซอ้ น เชน่ ภาพตวั การ์ตูน, ตัวอักษร, ภาพลายเส้นต่าง ๆ จดุ เดน่ ของภาพชนิดนี้
คือ เมื่อนามาใช้กับภาพท่ีมเี ฉดสีซับซ้อนน้อย จะมีขนาดไฟลเ์ ล็ก โหลดแสดงผลไดร้ วดเร็ว

PNG (Portable Network Graphic) เป็นสกลุ ไฟล์ที่พฒั นามาจากสกลุ ไฟล์ Gif
โดยมจี ุดเดน่ ทม่ี ีเฉดสมี าก และความคมชดั สูงกวา่ แบบ Jpg (แต่ก็มีขนาดไฟล์ใหญ่ขึ้นมาก
ดว้ ยเช่นกัน)

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

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

TIF, TIFF (Tagged Image File Format) เป็นสกุลไฟลภ์ าพท่นี ยิ มนามาใชม้ างาน
ด้านสอ่ื สิง่ พมิ พ์ โดยมักถูกเรียกใชง้ าน ในโปรแกรมจัดหน้าหนังสอื PageMaker และ
InDesign เพราะภาพมคี วามคมชัด

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

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

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

ไดด้ งั น้ี คลิกเมนู File > Open > คลกิ เลือกไฟล์ในที่จัดเก็บ >คลิกป่มุ Open
2. เปิดไฟลภ์ าพ ท่ีเคยใช้งานอีกคร้งั สามารถทาไดง้ า่ ย ๆ โดยคลกิ ท่ีเมนู File >

Open Recent >เลือกชือ่ ไฟลท์ ต่ี ้องการ
3. เปิดไฟล์ภาพดว้ ยการลากแลว้ ปล่อย เราสามารถเปิดไฟลภ์ าพไดอ้ ยา่ งรวดเร็ว

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

4. จงอธบิ ายการบันทกึ ไฟลภ์ าพแต่ละแบบมาพอสังเขป
1. บนั ทึกเพอ่ื นากลบั มาแกไ้ ขภายหลงั ไฟลร์ ูปแบบแรกทคี่ วรบันทกึ คือ ไฟล์

รูปแบบ PSD ซ่ึงเป็นการบันทึกไฟลต์ ้นฉบับ คลิกเมนู File > Save > เลือกตาแหนง่ ท่ี
จดั เกบ็ ภาพ > ตัง้ ช่อื ไฟล์> คลกิ เลอื กรปู แบบไฟลแ์ บบ PSD > คลิกปมุ่ Save

2. บนั ทึกไฟลร์ ูปแบบอนื่ ๆ จากไฟล์ PSD นอกจาการบันทกึ ไฟลแ์ บบ PSD แลว้ ยัง
สามารถบันทกึ ไฟลใ์ นรูปแบบอืน่ เชน่ JPG, GIF, TIFF, และอน่ื ๆได้ คลกิ เมนู File > Save
> ต้งั ชื่อไฟล์ > เลือกรูปแบบไฟล์ที่จะบนั ทกึ > คลกิ ปมุ่ Save

3. บันทึกไฟล์งานอตั โนมตั ดิ ้วย Auto Save วิธีกาหนดเวลาบันทึกเองสามารถทา
ได้โดยกดแป้น Ctrl+K

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

ความรู้พ้นื ฐานในการใช้งานโปรแกรม Adobe Photoshop CS6 69
5. จงอธบิ ายการยกเลิกคาสั่งและย้อนกลับการทางานทาได้อย่างไรบ้าง

1. Undo เป็นคาส่ังย้อนกลับการทางานเพียงขั้นตอนเดียวเท่าน้ัน สามารถเรียกใช้
ได้โดยคลิกเมนู Edit > Undo (ช่ือคาสั่ง) แต่หากย้อนกลับการทางานมากกว่าขั้นตอน
เดยี วให้กดแปน้ Ctrl+Alt+Z ซง่ึ สามารถยกเลกิ ได้ 20 ขนั้ ตอน

2. Redo เป็นคาสั่งย้อนกลับการทางาน หลังจากใช้คาส่ัง Undo แล้วหากต้องการ
ทาซา้ ข้ันตอนดงั กล่าว สามารถทาไดโ้ ดยคลกิ เมนู Edit > Redo

3. Revert เป็นคาสั่งสาหรับย้อนกลับการทางานไปยังจุดท่ีบันทึกไฟล์คร้ังสุดท้าย
สามารถเรยี กใชง้ านไดโ้ ดยคลิกเมนู File > Revert

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

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

เฉลยแบบทดสอบหลังเรียน

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

ข้อที่ คาตอบ
1. ค
2. ค
3. ง
4. ค
5. ก
6. ง
7. ค
8. ข
9. ข
10. ข

ถูกกันไหมจะ๊
เดก็ ๆ

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