เรื่อง การแต่งภาพด้วยคอมพิวเตอร์

ก

ก

คำนำ

เอกสารประกอบการเรยี น เลม่ ท่ี 1 เรื่อง เรมิ่ ต้นกบั Photoshop CS6 เลม่ น้ี
จดั ทาขน้ึ โดยมีวตั ถปุ ระสงค์เพอื่ ใชป้ ระกอบการเรียนรู้ของนกั เรยี นใน รายวชิ าเทคโนโลยี
คอมพิวเตอรแ์ ละงานกราฟิกเบอื้ งต้น รหัสวิชา ง31201 ชน้ั มธั ยมศึกษาปีท่ี 4 หน่วยการ
เรียนรู้ที่ 2 โปรแกรม Photoshop CS6 ทาให้การจัดการเรยี นรู้ เปน็ ไปอยา่ งมี
ประสทิ ธภิ าพ ซ่ึงผ้จู ดั ทาไดศ้ ึกษาคน้ ควา้ รวบรวมข้อมลู จากหนังสือหลาย ๆ เลม่ และ
เวบ็ ไซตท์ ่ีเก่ยี วขอ้ งมาประกอบกัน แล้วนาขอ้ มูลมาเรียบเรียงโดยใหส้ อดคล้องกับผู้เรียนให้
มากทีส่ ดุ เพื่อให้นักเรยี นใช้ประกอบการเรียนรู้ในห้องเรียน และศกึ ษาค้นคว้าเพิม่ เตมิ ด้วย
ตนเอง เอกสารประกอบการเรียนรายวชิ าเทคโนโลยีคอมพิวเตอรแ์ ละงานกราฟิกเบอ้ื งตน้
รหสั วิชา ง31201 ช้ันมธั ยมศกึ ษาปีที่ 4 หน่วยการเรียนรู้ท่ี 2 โปรแกรม Photoshop CS6
มจี านวน 6 เลม่ ดงั น้ี

เล่มท่ี 1 เริ่มตน้ กับ Photoshop CS6
เลม่ ท่ี 2 การใช้เครือ่ งมือพ้ืนฐาน
เลม่ ท่ี 3 การสร้างข้อความตกแตง่ ภาพ
เล่มที่ 4 การตัดภาพและทางานกบั เลเยอร์
เล่มที่ 5 การปรับแตง่ ภาพและฟวิ เตอร์
เล่มที่ 6 การวาดภาพ รูปทรง และระบายสี

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

กนกอร ทิพยโสต

ข

สำรบญั

เรือ่ ง หน้า

คำนำ ................................................................................................................... ก
สำรบญั ................................................................................................................ ข
คำช้ีแจงกำรใช้เอกสำรประกอบกำรเรยี น ............................................................ ค
สำระสำคัญ .......................................................................................................... 1
จดุ ประสงค์กำรเรียนรู้ .......................................................................................... 1
แบบทดสอบกอ่ นเรยี น ......................................................................................... 2
รู้จกั กบั โปรแกรม Photoshop CS6 ……………..................................................... 5
กำรเปิดใชง้ ำนโปรแกรม Photoshop CS6 ……………………………........................ 6
ส่วนประกอบของโปรแกรม Photoshop CS6 ................................................... 9
กจิ กรรมที่ 1 เรมิ่ ตน้ กบั Photoshop CS6..........................................................18
กำรเปดิ ไฟลภ์ ำพ .................................................................................................19
กำรสรำ้ งไฟล์ภำพใหม.่ .........................................................................................20
กำรบันทกึ ไฟลภ์ ำพ .............................................................................................21
กจิ กรรมท่ี 2 สรำ้ ง เปิด และบันทึกไฟล์ ...........................................................22
แบบทดสอบหลังเรยี น ........................................................................................23
บรรณำนกุ รม ......................................................................................................27
ภำคผนวก ...........................................................................................................28

ค

คำช้แี จงกำรใชเ้ อกสำรประกอบกำรเรียน

ให้นกั เรยี นปฏิบตั ิตำมคำส่ังแต่ละขัน้ ตอนตั้งแตต่ น้ จนจบ โดยปฏิบตั ิตำมขน้ั ตอน
ดังตอ่ ไปน้ี

1. ศกึ ษำ สำระสำคญั และจดุ ประสงคก์ ำรเรียนรู้ให้เข้ำใจ
2. นักเรียนทำแบบทดสอบกอ่ นเรยี น แลว้ ตรวจคำตอบจำกเฉลยใน
ภำคผนวก
แลว้ บันทึกคะแนนที่ไดล้ งในแบบบันทกึ สรุปผลกำรเรียน
3. ศึกษำเนือ้ หำให้เข้ำใจ
4. ปฏิบัตกิ จิ กรรมและทำใบงำนตำมคำชีแ้ จงของแตล่ ะกิจกรรม
5. นกั เรียนทำแบบทดสอบหลังเรียน แลว้ ตรวจคำตอบจำกเฉลยใน
ภำคผนวก
แล้วบนั ทกึ คะแนนท่ไี ดล้ งในแบบบันทึกสรุปผลกำรเรียน
6. นกั เรียนตรวจสอบควำมกำ้ วหนำ้ โดยหำผลต่ำงของคะแนนแบบทดสอบ
กอ่ นเรียนและหลังเรียน
7. นักเรยี นต้องซอ่ื สัตย์ต่อตนเองโดยไม่เปิดดูเฉลยก่อน

ทำตำมคำแนะนำ
ดว้ ยนะคะทุกคน

1

สำระสำคัญ

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

จดุ ประสงค์กำรเรียนรู้

1. นกั เรียนบอกวิธกี ารเปดิ ใช้งานโปรแกรม Photoshop CS6 และสามารถเปิดใช้
งาน
โปรแกรมได้

2. นกั เรียนบอกส่วนประกอบของโปรแกรม Photoshop CS6 ได้
3. นักเรยี นรูจ้ ักกลอ่ งเครอ่ื งมอื ของโปรแกรม Photoshop CS6
4. นักเรยี นร้จู กั หน้าที่และใช้งาน พาเลต็ แถบสถานะ และพน้ื ที่ใชง้ านของ
โปรแกรม Photoshop CS6

2

แบบทดสอบกอ่ นเรียน
เรื่อง เริ่มตน้ กับ Photoshop CS6

คำช้ีแจง ใหน้ ักเรยี นกำกบำท () ในชอ่ ง ก. ข. ค. ง. ในกระดำษคำตอบ
ท่เี หน็ ว่ำถกู ทสี่ ุดเพยี งขอ้ เดยี ว (ข้อละ 1 คะแนน)

1. โปรแกรม Photoshop ใช้งานเกี่ยวกบั อะไร
ก. สรา้ งภาพยนตร์ท้ังภาพนง่ิ และวีดโี อ
ข. ตกแต่งรูปภาพ
ค. ทาเอกสารคานวณ
ง. ใช้เกบ็ ฐานข้อมลู

2. ถา้ เครื่องมอื หรือพาเลทหายไปนักเรยี นตอ้ งไปทค่ี าส่ังใดเพอื่ เรียกกลับมา
ก. View
ข. Window
ค. Help
ง. Layer

3. การบันทกึ ไฟลร์ ูปภาพให้สามารถนามาแก้ไขไดใ้ นภายหลังตอ้ งบันทกึ เปน็
นามสกลุ ใด

ก. JPG
ข. PDF
ค. PSD
ง. BMP

1 3

3 4

2

จากภาพใหต้ อบคาถามข้อ 4 – 7
4. หมายเลข 1 เรียกว่าอะไร

ก. แถบคาส่งั (Menu Bar)
ข. ไตเต้ิลบาร(์ Title bar)
ค. พาเลท (Palette)
ง. Option Bar (ออปชั่นบาร)์
5. หมายเลข 2 เรยี กว่าอะไร
ก. แถบคาสงั่ (Menu Bar)
ข. กล่องเครื่องมือ (Toolbox)
ค. พาเลท (Palette)
ง. Option Bar (ออปชัน่ บาร์)
6. หมายเลข 3 เรยี กว่าอะไร
ก. แถบคาสงั่ (Menu Bar)
ข. กล่องเคร่อื งมือ (Toolbox)
ค. พาเลท (Palette)
ง. Option Bar (ออปช่ันบาร์)

4

7. หมายเลข 4 เรียกว่าอะไร

ก. แถบคาสงั่ (Menu Bar)
ข. กล่องเครอ่ื งมือ (Toolbox)
ค. พาเลท (Palette)
ง. Option Bar (ออปชัน่ บาร)์

8. เคร่อื งมอื ทาหน้าท่ีอะไร

ก. เปน็ อุปกรณ์ท่ใี ชส้ าหรับปรบั ค่าความคมชัดของสีภาพ
ข. ใชใ้ นการปรบั ค่าโทนสีของภาพใหส้ ว่างหรอื มืด
ค. ใชร้ ะดับโทนสใี นพนื้ ทภี่ าพ
ง. เป็นเครอื่ งมือใช้เล่อื นภาพบนจอ

9. เม่อื สร้างไฟล์ใหมใ่ ห้กาหนดค่า Width กบั Height หมายถึง ข้อใด

ก. Width = ความสงู ของภาพ Height = ความกว้างของภาพ
ข. Width = ความกวา้ งของภาพ Height = ความละเอียดของภาพ
ค. Width = ความกวา้ งของภาพ Height = ความสงู ของภาพ
ง. Width = ความสูงของภาพ Height = ความละเอยี ดของภาพ

10. เครือ่ งมอื ทาหนา้ ทอี่ ะไร

ก. เปน็ อปุ กรณ์ท่ีใชส้ าหรบั ปรบั คา่ ความคมชัดของสภี าพ
ข. ใช้ในการปรับค่าโทนสีของภาพให้สว่างหรอื มดื
ค. ใช้สาหรบั สร้างตวั อกั ษร
ง. เป็นเครอ่ื งมือใช้เลอ่ื นภาพบนจอ

5

ร้จู กั กบั โปรแกรม Photoshop CS6

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

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

งำนสง่ิ พมิ พ์ ไม่วา่ จะเป็นหนงั สอื นิตยสาร โฆษณา
เรียกได้วา่ เกือบทุกงานที่ต้องใชร้ ปู สามารถใช้ Photoshop สร้างสรรคภ์ าพให้เปน็ ไป
ตามไอเดยี ทีเ่ ราวางแผนไว้ได้

6

งำนเว็บไซตบ์ นอนิ เทอรเ์ นต็ ใชส้ รา้ งภาพเพือ่ ตกแต่งเวบ็ ไซต์ ไม่ว่าจะเปน็
Background ปุม่ โต้ตอบ แถบหัวเรอื่ ง ตลอดจนภาพประกอบตา่ งๆ นอกจากนั้นยงั
สามารถออกแบบหนา้ เวบ็ ดว้ ย Photoshop ได้

งำนออกแบบทำงกรำฟกิ ใช้ photoshop ชว่ ยในการสร้างภาพสามมติ ิ
การออกแบบปกหนงั สือและผลิตภณั ฑ์ การออกแบบการด์ อวยพร เปน็ ตน้

7

กำรเปิดใชง้ ำนโปรแกรม Photoshop CS6

1. คลิกปมุ่ Start
2. คลกิ All program
3. โฟลเดอร์ Adobe master collection cs6
4. คลิกเลือกโปรแกรม Photoshop CS6

5. จะเข้าสูโ่ ปรแกรม Photoshop CS6 ดังนี้

8

ส่วนประกอบของโปรแกรม Photoshop CS6

Menu Bar (เมนบู าร)์ แถบควบคุมโปรแกรม
Option Bar (ออบชน่ั บาร์) แถบควบคุมโปรแกรม

Tool Bar (ทลู บาร)์ แถบเคร่ืองมอื Panel Menu
Windows Design พื้นท่ีออกแบบ (พาเนลเมนู)
เมนูของพ้ืนท่ี
ทางาน

Menu Bar (เมนูบำร์) แถบควบคุมโปรแกรม

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

1.Click mouse ท่แี ถบคาสง่ั จะปรากฎแถบคาสัง่ ยอ่ ย
2.Click mouse เลอื กแถบคาสง่ั ย่อยท่ีเราต้องการ

9

คำสั่งใน Menu Bar มดี งั ต่อไปนี้
1. File หมายถึง รวมคาสัง่ ทใ่ี ช้จดั การกับไฟล์รูปภาพ เช่น สรา้ งไฟลใ์ หม่, เปดิ ,

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

โปรแกรมเบ้ืองต้น เช่น ก๊อปปี้, วาง, ยกเลิกคาสั่ง, แกไ้ ขเคร่อื งมอื และอ่ืน ๆ
3. Image หมายถึง รวมคาสัง่ ทใ่ี ช้ปรบั แต่งภาพ เช่น สี, แสง, ขนาดของภาพ

(image size), ขนาดของเอกสาร (canvas), โหมดสขี องภาพ, หมุนภาพ และอื่น ๆ
4. Layer หมายถึง รวมคาส่งั ที่ใช้จดั การกับเลเยอร์ ทัง้ การสร้างเลเยอร์, แปลงเล

เยอร์ และการจดั การกบั เลเยอร์ในดา้ นต่าง ๆ
5. Select รวม คาสง่ั เกี่ยวกับการเลอื กวตั ถหุ รอื พน้ื ทบ่ี นรูปภาพ (Selection)

เพอ่ื นาไปใชง้ านรว่ มกบั คาส่งั อน่ื ๆ เช่น เลือกเพ่อื เปล่ยี นสี, ลบ หรอื ใชเ้ อฟเฟก็ ต์ตา่ ง ๆ กบั

10

รูปภาพ
6. Filter เปน็ คาสั่งการเล่น Effects ตา่ งๆสาหรบั รูปภาพและวตั ถุ
7. View เป็นคาสั่งเก่ียวกับมุมมองของภาพและวัตถใุ นลกั ษณะตา่ งๆ เช่น การ

ขยายภาพและย่อภาพให้ดูเล็ก
8. Window เป็นส่วนคาส่ังในการเลือกใช้อปุ กรณ์เสริมต่างๆ ทีจ่ าเป็นในการใช้

สร้าง Effects ตา่ งๆ
9. Help เปน็ คาส่ังเพอื่ แนะนาเก่ียวกบั การใชโ้ ปรแกรมฯและจะมลี ายละเอยี ด

ของโปรแกรมอยใู่ นนั้น

Option Bar (ออปชน่ั บำร์)

Option Bar (ออปช่นั บาร)์ เป็นสว่ นที่ใชป้ รับแต่งคา่ การทางานของเครอ่ื งมือต่าง ๆ
โดยรายละเอยี ดในออปช่นั บาร์จะเปลี่ยนไปตามเคร่อื งมือท่เี ราเลือกจากทลู บอ็ กซใ์ น
ขณะน้ัน เชน่ เมอื่ เราเลอื กเคร่อื งมอื Brush (พกู่ ัน) บนออปช่นั บารจ์ ะปรากฏออปชนั่ ทใ่ี ช้
ในการกาหนดขนาด และลักษณะหวั แปรง, โหมดในการระบายความโปรง่ ใสของสี และ
อตั ราการไหลของสี เป็นต้น

Panel (พำเนล)
Panel (พาเนล) เปน็ วนิ โดวย์ อ่ ย ๆ ทใี่ ชเ้ ลอื ก

รายละเอียด หรอื คาสั่งควบคมุ การทางานตา่ ง ๆ ของโปรแกรม
ใน Photoshop มีพาเนลอยู่เปน็ จานวนมากเช่น พาเนล Color
ใช้สาหรบั เลอื กสี, พาเนล Layers ใชส้ าหรบั จัดการกับเลเยอร์
และพาเนล Info ใชแ้ สดงคา่ สีตรงตาแหน่งทีช่ ้เี มาส์
รวมถงึ ขนาด/ตาแหนง่ ของพ้นื ทีท่ ี่เลือกไว้

11

กำรเปดิ /ปิด พำเนล

เราสามารถเปดิ /ปิด พาเนลได้จากคาส่งั
Window แล้วเลือกชื่อพาเนลทต่ี ้องการแสดงหรอื ไม่แสดง
จะเห็นวา่ ถ้าพาเนลไหนเปิดอย่จู ะมีเครือ่ งถกู หน้าช่อื พาเนลน้ัน

พาเนลทีถ่ ูกเปิดขึน้ จะถกู เปดิ อยใู่ นกรอบท่ีจัดเกบ็ หาก
ไมต่ ้องการพาเนลใดให้คลิกเลอื กพาเนลนั้นอกี ครง้ั เพ่ือเอา
เคร่ืองหมายถูกออก

กรอบพื้นทจ่ี ัดเกบ็ พำเนล

12

Tool Bar (ทลู บำร)์ แถบเคร่ืองมือ

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

Move
ใช้สาหรบั เลือกพ้ืนที่บนภาพเป็นรปู สี่เหลยี่ ม วงกลม วงรี หรือเลือกเปน็

แถวคอลัมน์ ขนาด 1 พิเซล

Marquee
ใชส้ าหรบั ยา้ ยพื้นทท่ี ่ีเลือกไวข้ องภาพ หรอื ยา้ ยภาพในเลเยอรห์ รอื ย้ายเส้น

ไกด์

Lasso
ใช้เลอื กพน้ื ท่ีบนภาพเปน็ แนวเขตแบบอิสระ

Magic Wand
ใช้เลือกพื้นทีด่ ว้ ยวิธีระบายบนภาพ หรือเลอื กจากสีทใ่ี กลเ้ คียงกนั

Crop
ใชต้ ัดขอบภาพ

13

Slice
ใชต้ ดั แบ่งภาพเพอ่ื บนั ทกึ ไฟลภ์ าพย่อย ๆ ที่เรยี กว่าสไลซ์ (Slice)

สาหรับนาไปสร้างเวบ็ เพจ

Eyedropper
ใช้เลือกสีจากสีต่าง ๆ บนภาพ

Healing Brush
ใชต้ กแต่งลบรอยตาหนิในภาพ

Brush
ใชร้ ะบายลงบนภาพ

Clone Stamp
ใชท้ าสาเนาภาพ โดยกอ๊ ปปี้ภาพจากบริเวณอืน่ มาระบาย หรอื ระบายด้วยลวดลาย

History Brush
ใช้ระบายภาพดว้ ยภาพของข้นั ตอนเดิมที่ผ่านมา หรือภาพของสถานะ

เดิมทบี่ ันทกึ ไว้

Eraser
ใชล้ บภาพบางสว่ นทีไ่ ม่ต้องการ

Gradient
ใชเ้ ติมสแี บบไล่ระดบั โทนสีหรือความทบึ

14

Blur
ใช้ระบายภาพให้เบลอ

Bern
ใช้ระบายเพอ่ื ใหภ้ าพมดื ลง

Dodge
ใชร้ ะบายเพอ่ื ให้ภาพสว่างขึน้

Pen
ใช้วาดเสน้ พาธ (Path)

Horizontal Type
ใชพ้ มิ พ์ตัวอกั ษรหรอื ขอ้ ความลงบนภาพ

Path Selection
ใช้เลือกและปรับแตง่ รปู ทรงของเส้นพาธ

Rectangle
ใช้วาดรูปทรงเรขาคณิตหรือรปู ทรงสาเร็จรูป

Hand
ใชเ้ ลอ่ื นดสู ่วนตา่ ง ๆ ของภาพ

15

Zoom
ใชย้ อ่ หรอื ขยายมมุ มองภาด

- Set Foreground Color, Set Background Color ใช้สาหรบั กาหนดสี
- Foreground Color และ Background Color

เปิดแสดงหนา้ กระดาษ แบบ Full screen

เครอื่ งมือมีเยอะ
ฝกึ ใช้กันด้วยนะคะ

16

Windows Design พื้นที่ออกแบบ

เปน็ ส่วนที่ใชใ้ นการสร้างงานกราฟกิ โดยเปิดไฟลร์ ปู ภาพเพอื่ แก้ไขบน Working
Area หรือ วาดรปู ใหม่ลงไปบน Working Design

ศึกษำแล้วทำใบงำน
ต่อเลยจำ้ .....

17

กิจกรรมท่ี 1 เร่ือง เรม่ิ ต้นกบั Photoshop CS6

คำชีแ้ จง ให้นกั เรียนตอบคำถำมตอ่ ไปน้ีใหถ้ ูกต้อง

1. โปรแกรม Photoshop ใช้สรา้ งงานกราฟกิ อะไรไดบ้ ้าง (ยกตัวอย่างมา 5 งาน)
............................................................................................................................. ...................................
................................................................................................ ................................................................
............................................................................................................................. ...................................
............................................................................................................................................................. ...
............................................................................................................................. ...................................
2. ใหน้ ักเรียนอธิบายสว่ นประกอบของโปรแกรม Photoshop CS6 ให้ถูกตอ้ ง

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

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

2.3 Panel (พาเนล)
................................................................................................................................................................
............................................................................................................................. ...................................

2.4 Tool Bar (ทลู บาร)์
............................................................................................................................. ...................................
................................................................................................ ................................................................

2.5 Windows Design
............................................................................................................................. ...................................
......................................................................................................................................... .......................

18

กำรเปิดไฟล์ภำพ

การสร้างชน้ิ งานเราต้องเปิดไฟลภ์ าพจากแหลง่ ขอ้ มูลตา่ งๆ เช่น จากแผน่ ซดี ี จาก
กล้องดิจติ อล หรอื ไฟลภ์ าพในเคร่ืองเรา ซ่ึงมีขุน้ ตอนดงั น้ี
1. คลกิ เลอื กเมนู File  Open หรอื กด Ctrl+O
ทคี่ ยี บ์ อร์ดเพอื่ เปดิ ไฟล์
2. จะปรากฏหน้าต่าง Open เลือกตาแหนง่ ที่
เก็บไฟล์ภาพในชอ่ ง Look in แล้วเลอื กไฟล์ภาพท่ตี อ้ งการ

3. คลกิ ปมุ่ Open เพื่อเปดิ ไฟลภ์ าพข้นึ มาในหน้าจอโปรแกรม (ถ้าต้องการเปิดหลาย
ภาพให้กด Ctrl คา้ งไว้ขณะเลอื กไฟล์ทต่ี อ้ งการ

19

กำรสร้ำงไฟลภ์ ำพใหม่

การสร้างไฟลช์ ิ้นงานใหม่ มขี ัน้ ตอนดงั นี้
1. คลิกเลือกเมนู File  New หรอื กดป่มุ Ctrl+N ทคี่ ียบ์ อรด์ เพื่อสร้างไฟล์ใหม่

2. จากน้นั จะปรากฏหนา้ ต่าง New ขน้ึ มา ให้พมิ พ์ช่ือไฟล์ลงในชอ่ ง Name
(สามารถตงั้ ชื่อได้ทงั้ ภาษาไทยและภาษาอังกฤษ) จากนน้ั ให้กาหนดรูปแบบหน้ากระดาษ
ดังน้ี

Width กาหนดความกล้างของภาพ โดยชอ่ งด้านหลังเปน็ การกาหนดหนว่ ยวัด
ความกวา้ ง เชน่ pixel

Height กาหนดความสงู ของภาพ โดยหน่วยวดั จะเป็นไปตามท่ีกาหนดความกวา้ ง
Resolution กาหนดความละเอยี ดของภาพ
Color Mode กาหนดโหมดสขี องภาพ เช่น RGB จะใชใ้ นงานกราฟิกสาหรับเวบ็ และ

ภาพเคล่อื นไหว CMYK จะเหมาะสาหรับงานสิง่ พิมพ์ตา่ งๆ โดยจานวนบิต
ดา้ นหลงั คือจานวนของสที ี่ใช้ ยงิ่ คา่ มาก สจี ะยิง่ เหมือนจริงขึ้น แตไ่ ฟลจ์ ะ
ใหญข่ น้ึ
Background Content กาหนดสพี น้ื หลังของภาพ ซึ่งสามารถกาหนดเปน็ สีขาว (White)
สีพน้ื หลงั (Background Color) และโปร่งใส (Transparent)

20

กำรบนั ทกึ ไฟลภ์ ำพ

เม่ือสร้างช้นิ งานเสร็จแล้วจะบันทึกไฟล์งานโดยเลอื กที่เมนู File แล้วเลือกรปู แบบการบันทกึ
ไฟล์ ซึง่ รปู แบบหลักๆที่ใช้งานบ่อยมี 3 รูปแบบ คือ Save, Save As และ Save for Web ดังนี้
เลอื กตาแหน่งสาหรับบนั ทึกไฟล์

ตั้งชื่อไฟล์
กาหนดรูปแบบไฟล์
เช่น PSD , JPEG ,
GIF เป็นต้น

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

Version Cue Workspace ซึ่งจะตรวจสอบการบนั ทกึ ไฟล์งานแต่ละครั้ง
ของผู้ทเ่ี ขา้ มาแก้ไข
Save for Web การบนั ทกึ ไฟล์เพ่ือใหไ้ ด้ภาพทีเ่ หมาะสาหรับใชง้ านบนเวบ็ ไซต์
Revert ย้อนหลงั คาส่งั ไป 1 ขนั้ ตอน

21

กจิ กรรมที่ 2 เรอื่ ง สรำ้ ง เปดิ และบนั ทกึ ไฟล์

1. ใหน้ กั เรียนฝึกสร้างไฟล์ใหม่ ขนาดกวา้ ง 800 pixel สูง 600 pixel แล้วอธิบาย
วิธีการสรา้ งไฟล์ใหม่

..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................

2. ให้นกั เรยี นเปิดไฟลภ์ าพท่มี ใี นเคร่ือง แลว้ อธิบายวิธกี ารเปดิ ไฟล์ตามท่นี ักเรียน
ทา

..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................

3. .ใหน้ ักเรียนฝึกบนั ทกึ ไฟลภ์ าพในรปู แบบ JPEG แลว้ อธิบายวิธกี ารบันทึกไฟล์

..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................
..............................................................................................................................................

22

แบบทดสอบหลงั เรยี น
เร่อื ง เริม่ ตน้ กบั Photoshop CS6

คำชีแ้ จง ให้นกั เรียนกำกบำท () ในช่อง ก. ข. ค. ง. ในกระดำษคำตอบ
ท่ีเหน็ ว่ำถูกทส่ี ดุ เพียงขอ้ เดียว (ขอ้ ละ 1 คะแนน)

1. เคร่ืองมอื ทาหน้าที่อะไร

ก. เปน็ อปุ กรณ์ทีใ่ ช้สาหรบั ปรับค่าความคมชัดของสภี าพ
ข. ใชใ้ นการปรับค่าโทนสีของภาพให้สว่างหรอื มดื
ค. ใชส้ าหรบั สรา้ งตวั อกั ษร
ง. เป็นเครอ่ื งมือใชเ้ ลื่อนภาพบนจอ

2. ถา้ เครือ่ งมอื หรือพาเลทหายไปนักเรียนตอ้ งไปที่คาส่ังใดเพื่อเรียกกลับมา
ก. View
ข. Window
ค. Help
ง. Layer

3. เคร่ืองมอื ทาหน้าท่ีอะไร

ก. เปน็ อปุ กรณ์ทีใ่ ชส้ าหรับปรบั ค่าความคมชดั ของสภี าพ
ข. ใชใ้ นการปรบั ค่าโทนสขี องภาพให้สว่างหรือมืด
ค. ใช้ระดับโทนสใี นพื้นทภ่ี าพ
ง. เป็นเครอื่ งมือใช้เลอ่ื นภาพบนจอ

1 23

3 4

2

จากภาพใหต้ อบคาถามข้อ 4 – 7
4. หมายเลข 1 เรียกว่าอะไร

ก. ไตเติ้ลบาร์(Title bar)
ข. แถบคาส่ัง (Menu Bar)
ค. พาเลท (Palette)
ง. Option Bar (ออปช่ันบาร)์
5. หมายเลข 2 เรยี กว่าอะไร
ก. แถบคาสงั่ (Menu Bar)
ข. Option Bar (ออปช่นั บาร)์
ค. พาเลท (Palette)
ง. กลอ่ งเครอ่ื งมือ (Toolbox)

24

6. หมายเลข 3 เรียกว่าอะไร
ก. แถบคาส่งั (Menu Bar)
ข. Option Bar (ออปช่นั บาร์)
ค. พาเลท (Palette)
ง. กล่องเครอ่ื งมอื (Toolbox)

7. หมายเลข 4 เรยี กว่าอะไร
ก. แถบคาสัง่ (Menu Bar)
ข. พาเลท (Palette)
ค. กล่องเครือ่ งมอื (Toolbox)
ง. Option Bar (ออปชั่นบาร)์

8. โปรแกรม Photoshop ใชง้ านเกี่ยวกบั อะไร
ก. สรา้ งภาพยนตร์ทั้งภาพนิ่งและวดี โี อ
ข. ตกแตง่ รูปภาพ
ค. ทาเอกสารคานวณ
ง. ใช้เกบ็ ฐานขอ้ มลู

9. เมื่อสร้างไฟล์ใหมใ่ หก้ าหนดค่า Width กบั Height หมายถงึ ข้อใด
ก. Width = ความกวา้ งของภาพ Height = ความสงู ของภาพ
ข. Width = ความสงู ของภาพ Height = ความกว้างของภาพ
ค. Width = ความกว้างของภาพ Height = ความละเอียดของภาพ
ง. Width = ความสงู ของภาพ Height = ความละเอียดของภาพ

25

10. การบันทกึ ไฟล์รูปภาพใหส้ ามารถนามาแกไ้ ขไดใ้ นภายหลังต้องบนั ทึกเปน็
นามสกุลใด

ก. JPG
ข. PDF
ค. PSD
ง. BMP

ขอ้ ให้โชคดีในกำรทำข้อสอบนะคะ
ดเู ฉลยไดเ้ ลยจำ้

26

บรรณานกุ รม

เฉลิมพล นำรี . เอกสารประกอบการอบรมเชงิ ปฏิบตั ิการ เทคนิคการแตง่ ภาพใหส้ วย
ด้วย

Photoshop. ขอนแก่น : งำนเทคโนโลยสี ำรสนเทศและสอื่ โสตทศั น์ สำนักวิทย-
บรกิ ำร มหำวิทยำลัยขอนแก่น, 2555.
ฐิตำรัตน์ รัชตะวรรณ. ออกแบบและสร้างเว็บสวยดว้ ยตนเอง. นนทบรุ ี : ไอดซี ี, 2547.
ทัศยำภรณ์ เก้ือนุ่น และพรพรรณ แพฝกึ ฝน. ค่มู ือ Adobe Photoshop CS6 +CD.
กรงุ เทพฯ : โปรวชิ ั่น, 2555.
ธรรมศักด์ิ เอ้อื รกั สกลุ . หนงั สอื เรยี นรายวิชาเพิม่ เติม การใช้โปรแกรม Adobe
Photoshop CS4. กรุงเทพฯ : มีเดยี อนิ เทลลิเจนซ์ เทคโนโลยี, 2553.
ธันยพัฒน์ วงศ์รัตน์. Photoshop CS5 ฉบบั สมบรู ณ์. กรุงเทพฯ : สวสั ดี ไอท,ี 2554.
Photoshop CS6 ฉบบั สมบูรณ์. กรงุ เทพฯ : โปรวิชั่น, 2556.
ประชำ พฤกษป์ ระเสริฐ และคณะ. คมู่ อื การเรียนรู้และเทคนิคการใชง้ าน Adobe
Photoshop 5.5. พิมพ์ครั้งท่ี 2 กรุงเทพฯ : ซคั เซส มเี ดยี , 2545.
สทิ ธชิ ยั ประสำนวงศ์. โปรแกรมกราฟิก Adobe Photoshop CS6. กรุงเทพมหำนคร :
ซอฟทเ์ พรส, 2556.
ปยิ ะ นำกสงค์. ตกแตง่ ภาพกราฟิก Photoshop CS6 ฉบับสมบรู ณ.์ กรุงเทพมหำนคร
:
รีไวว่ำ, 2558.

27

ภาคผนวก

28

เฉลยแบบทดสอบก่อนเรียน
เร่อื ง เร่มิ ต้นกับ Photoshop CS6

ข้อ คำตอบ ขอ้ คำตอบ
1ข 6ง
2ข 7ค
3ค 8ค
4ก 9ค
5ข 10 ค

29

เฉลยกจิ กรรมท่ี 1

เรอ่ื ง เรม่ิ ตน้ กับ Photoshop CS6

1. โปรแกรม Photoshop ใชส้ รา้ งงานกราฟิกอะไรไดบ้ ้าง (ยกตัวอยา่ งมา 5 งาน)
- ปา้ ยโฆษณา
- ออกแบบเว็บไซต์
- โปรสเตอรป์ ระชาสัมพันธ์งานต่างๆ
- พนื้ หลงั เอกสารสวยๆ
- การด์ อวยพร

2. ให้นักเรยี นอธบิ ายส่วนประกอบของโปรแกรม Photoshop CS6 ใหถ้ ูกต้อง
2.1 Menu Bar (เมนบู าร)์
เป็นแถบทใ่ี ช้เกบ็ คาสั่งหลักต่างๆของโปรแกรม โดยเราสามารถเรียกใช้คาส่งั ในแถบคาสั่งได้

โดยClick mouse ทแี่ ถบคาส่ัง จะปรากฎแถบคาสัง่ ย่อย
2.2 Option Bar (ออปชั่นบาร์)
เป็นสว่ นทีใ่ ชป้ รับแตง่ ค่าการทางานของเคร่ืองมือต่าง ๆ โดยรายละเอยี ดในออปชัน่ บาร์จะ

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

ใน Photoshop มีพาเนลอย่เู ปน็ จานวนมากเช่น พาเนล Color ใช้สาหรับเลอื กสี, พาเนล Layers
2.4 Tool Bar (ทูลบาร์)
กลอ่ งเครอ่ื งมือ จะประกอบไปด้วยเครอ่ื งมือต่าง ๆ ทใี่ ช้ในการวาด ตกแต่ง และแก้ไขภาพ

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

วาดรปู ใหม่ลงไปบน Working Design

30

เฉลยกจิ กรรมที่ 2
เรือ่ ง สร้ำง เปดิ และบนั ทกึ ไฟล์

1. ใหน้ กั เรียนฝึกสรา้ งไฟล์ใหม่ ขนาดกวา้ ง 800 pixel สูง 600 pixel แล้วอธิบาย
วิธกี ารสร้างไฟล์ใหม่

1. คลิกเลอื กเมนู File  New หรอื กดปุ่ม Ctrl+N ที่คยี ์บอรด์ เพ่ือสร้างไฟลใ์ หม่
2. จากนน้ั จะปรากฏหนา้ ตา่ ง New ข้นึ มา พิมพช์ ื่อไฟล์ลงในชอ่ ง Name
แลว้ กาหนดขาดกระดาษ ท่ีช่อง width = 800 ช่อง Height = 600 แลว้ คลกิ OK

2. ใหน้ ักเรียนเปิดไฟล์ภาพท่ีมใี นเครื่อง แลว้ อธิบายวิธีการเปดิ ไฟล์ตามท่ีนักเรียน
ทา

1. คลกิ เลือกเมนู File  Open หรือกดปมุ่ Ctrl+O ท่คี ียบ์ อร์ดเพ่ือสรา้ งเปิดไฟล์
2. เลอื กไฟลภ์ าพที่มีในโฟล์เดอรใ์ นเคร่ือง แล้วคลกิ ปุ่ม Open

3. .ให้นักเรียนฝกึ บันทึกไฟลภ์ าพในรูปแบบ JPEG แลว้ อธบิ ายวิธีการบันทึกไฟล์

1. คลิกเลอื กเมนู File  Save As จะขน้ึ หนา้ จอสาหรบั บนั ทกึ
2. ตัง้ ชื่อไฟลใ์ นช่อง File name และกาหนดประเภทของไฟล์ภาพทีจ่ ะบนั ทึกทีช่ ่อง
Fomat จากน้นั คลิกทป่ี มุ่ Save

ทำถกู กนั ไหมเอย่ !

31

เฉลยแบบทดสอบหลังเรยี น
เร่อื ง เรม่ิ ต้นกับ Photoshop CS6

ขอ้ คำตอบ ขอ้ คำตอบ
1ค 6ข
2ข 7ข
3ค 8ข
4ข 9ข
5ง 10 ค

32

กระดำษคำตอบ
เร่อื ง เริ่มตน้ กบั Photoshop CS6

ข้อ ก ข ค ง
1
2
3
4
5
6
7
8
9
10

ใช้ไดท้ งั้ แบบทดสอบก่อนเรียนและหลงั เรยี นนะคะ