แผนการจดั การเรียนรู้
การจัดการเรยี นรู้แบบมงุ่ เน้นสมรรถนะอาชีพและบูรณาการ
ตามหลักปรชั ญาเศรษฐกจิ พอเพียง
รหัสวชิ า 20204-2007 ช่ือวชิ า โปแกรมกราฟิก
จานวนหน่วยกิต (ท-ป-น) 2-2-3 จานวนช่ัวโมงสอน / สัปดาห์ 4 ชั่วโมง
หลักสูตรประกาศนียบัตรวชิ าชพี (ปวช.)
ประเภทวิชา พาณิชยกรรม สาขาวชิ า คอมพวิ เตอรธ์ ุรกิจ
สาขางาน คอมพิวเตอรธ์ รุ กิจ
ภาคเรียนที่ 1 ปกี ารศึกษา 2565
จัดทาโดย
นายมนตธ์ ร สาระบูรณ์
ตาแหน่ง ครจู า้ งสอนรายเดือน
แผนกวิชา คอมพวิ เตอรธ์ ุรกิจ
วิทยาลัยการอาชพี ขนุ หาญ
สานักงานคณะกรรมการอาชวี ศึกษา
รายการตรวจสอบและอนุญาตให้ใช้
รายการตรวจสอบและอนุญาตให้ใช้
ควรอนุญาตใหใ้ ชใ้ นการสอนได้ ควรอนุญาตให้ใช้ในการสอนได้
ควรปรบั ปรงุ เกี่ยวกับ ควรปรับปรุงเกย่ี วกับ
................................................................. .................................................................
................................................................. .................................................................
................................................................. .................................................................
................................................................. .................................................................
................................................................. .................................................................
ลงชื่อ.................................................... ลงชือ่ ....................................................
(นายณัฐพล ทองจนั ทร)์ (นายชุตเิ ทพ มาดีตรี ะเทวาพงษ์)
หัวหนา้ งานหลักสูตร
หัวหน้าแผนกวิชาคอมพิวเตอรธ์ รุ กิจ
ควรอนุญาตใหใ้ ชใ้ นการสอนได้ อนญุ าตให้ใช้ในการสอนได้
ควรปรบั ปรุงดงั เสนอ อื่น ๆ
อนื่ ๆ
................................................................. .................................................................
................................................................. .................................................................
................................................................. .................................................................
ลงชอื่ ......................................... ลงชอื่ ....................................................
(นางสาวจามมจั จุลี มีศิลป์) (นายชาตรี สารบี ุตร)
รองผอู้ านวยการฝา่ ยวิชาการ
ผูอ้ านวยการวทิ ยาลัยการอาชีพขนุ หาญ
แผนผังความคดิ บูรณาการหลักปรชั ญาเศรษฐกิจพอเพยี ง
รายวิชา โปรแกรมกราฟิก
พอประมาณ
1. จำนวนผเู้ รียน
2. ระยะเวลำในกำรเรียนกำรสอน
3. กำรใชท้ รพั ทยำกรรว่ มกนั
มีเหตุผล มภี มู คิ ุม้ กนั
4. ลดเวลำในกำรปฏิบตั งิ ำน 8. ประหยดั คำ่ ใชจ้ ำ่ ย
5. ประมำณกำรเหตกุ ำรณต์ ำ่ ง ๆ
6. ลดขนั้ ตอนในกำรทำงำน 9. มีควำมรอบคอบในกำร
7. เขำ้ ใจงำนและระบบกำร ทำงำน
ทำงำน
เงือนไขความรู้ เงอื นไขคุณธรรม
มคี วามรู้ในเร่ืองโปรแกรมจัดการฐานขอ้ มูล มคี วามขยัน อดทน มีนาใจและเสยี สละ
เศรษฐกิจ สังคม สง่ิ แวดลอ้ ม วฒั นธรรม
1,2,3,4,7 1,5,7 8 6
บันทึกการขออนุมตั กิ ารใชแ้ ผนการจดั การเรียนรู้
ภาคเรียนที่ 1 / 2565
รหัสวชิ า 20204-2007 วิชา โปรแกรมกราฟิก
หลักสตู รประกาศนียบัตรวชิ าชีพ (ปวช.)
ประเภทวิชา พาณิชยกรรม
ขออนมุ ตั กิ ารใช้แผนการจัดการเรยี นรู้
ลงช่ือ.............................................................ครผู ้สู อน
(นายมนตธ์ ร สาระบรู ณ์)
ความเห็นหวั หนา้ แผนกวิชา
....................................................................................................................................................................
ลงชอื่ ...........................................................หัวหน้าแผนกวชิ า
(นายณฐั พล ทองจนั ทร์)
ความเห็นของหวั หนา้ งานพัฒนาหลักสตู รการเรยี นการสอน
............................................................................................................................. ..........................................
ลงชื่อ.............................................................หัวหน้างานฯ
(นายชตุ เิ ทพ มาดีตรี ะเทวาพงษ์)
ความเห็นของรองผู้อานวยการฝา่ ยวชิ าการ
เห็นควรพจิ ารณาอนุมัติ ให้ใช้ประกอบการเรียนการสอนได้
ลงชอ่ื ....................................................
(นางสาวจามมจั จลุ ี มีศลิ ป์)
รองผอู้ านวยการฝ่ายวิชาการ
ความเห็นของผู้อานวยการ
อนมุ ตั ิ
ไม่อนมุ ัติ เพราะ................................................................................................................................
ลงชื่อ................................................
(นายชาตรี สารีบุตร)
ผอู้ านวยการวทิ ยาลยั การอาชีพขนุ หาญ
ก
คำนำ
เอกสารประกอบการสอนวิชา “โปรแกรมกราฟิก” รหัสวิชา 20204-2007 เรียบเรียงข้ึนตาม
หลักสูตรประกาศนียบัตรวิชาชีพ (ปวช.) พุทธศักราช 2562 ของสานักงานคณะกรรมการการอาชีวศึกษา
เนื้อหาภายในแบ่งออกเป็น 9 บท ความรู้เบ้ืองต้นเก่ียวกับคอมพิวเตอร์กราฟิก ความรู้เบ้ืองต้นเกี่ยวกับ
โปรแกรมสร้างภาพกราฟิก มุมมองภาพและการตกแต่งภาพด้วยเลเยอร์ การสร้างขอบเขตพืน้ ท่ี (Selection)
และการัดการไฟล์ การสร้างตัวอักษรและขอ้ ความ การระบายสีและภาพการฟิกสาหรับเว็บเพจ การวาดภาพ
การสรา้ งข้อความ การปรบั รูปทรงภาพและการใช้พาเลตพาธฟินเดอะ เปน็ ต้น
สาหรับเอกสารประกอบการสอนรายวิชาน้ี ผู้เรียบเรียงได้ทุ่มเทกาลังกาย กาลังใจและเวลาใน
การศึกษาค้นคว้า รวบราม ปรับปรุงเนื้อหาให้เป็นปัจจุบัน โดยมีความมุ่งหวังท่ีจะให้เกิดประสิทธิภาพต่อ
การเรยี นการสอน และเปน็ แนวทางสาหรบั ผทู้ เ่ี ริ่มจะศึกษา หรอื ผ้ทู ีต่ ้องการขอ้ มูลเพ่มิ เติม
ท้ายที่สุดน้ี ผู้เรียบเรียงขอขอบคุณผู้ท่ีสร้างแหล่งความรู้ และผู้ที่มีส่วนเกี่ยวข้องต่างๆ ซึ่งเป็นส่วน
สาคัญท่ีทาให้เอกสารรายวิชา โปรแกรมกราฟิก เล่มน้ีเสร็จสมบรูณ์เป็นท่ีเรียบร้อย และหากผู้ท่ีศึกษาพบ
ข้อบกพร่องหรือมีข้อเสนอแนะประการใด ขอไดโ้ ปรดแจ้งผเู้ รยี บเรียงทราบดว้ ย จกั ขอบคณุ ยิง่
นายมนต์ธร สาระบูรณ์
ครูจ้างสอนประจารายเดือน
สำรบญั ข
คานา ก
สารบัญ ข
จุดประสงค์ มาตรฐานรายวิชา และคาอธิบายรายวชิ า 1
ตารางวิเคราะห์หลกั สูตร 2
แผนการสอนหนว่ ยท่ี 1 ความรู้เบือ้ งตน้ เก่ียวกับคอมพวิ เตอร์กราฟิก 3
แผนการสอนหนว่ ยที่ 2 ความรู้เบื้องต้นเกีย่ วกบั โปรแกรมสรา้ งภาพกราฟิก 13
แผนการสอนหน่วยท่ี 3 มมุ มองภาพและการตกแต่งภาพด้วยเลเยอร์ 23
แผนการสอนหน่วยที่ 4 การสร้างขอบเขตพืน้ ที่ (Selection) และการจดั การไฟล์ 35
แผนการสอนหนว่ ยที่ 5 การสรา้ งอักษรและข้อความ 44
แผนการสอนหน่วยท่ี 6 การระบายสแี ละภาพกราฟิกสาหรับเว็บไซต์ 54
แผนการสอนหนว่ ยที่ 7 การวาดภาพ 67
แผนการสอนหน่วยที่ 8 การสรา้ งขอ้ ความ 78
แผนการสอนหนว่ ยที่ 9 กรปรับรูปทรงภาพและการใช้ Pathfinoder 88
1
จุดประสงคร์ ายวชิ า มาตราฐานรายวชิ า และ คาอธิบายรายวชิ า
ช่ือรายวิชา โปรแกรมกราฟิก รหสั วชิ า 20204-2007
หลกั สตู ร ระดบั ระดบั ประกาศนียบตั รวิชาชีพ(ปวช.) พทุ ธศกั ราช พทุ ธศกั ราช 2562
ประเภทวิชา พาณิชยกรรม สาขาวิชา คอมพวิ เตอรธ์ รุ กิจ
จานวน 2 หนว่ ยกิต จานวน 4 ช่วั โมง/สปั ดาห์ จานวนรวม 72 ช่วั โมง
จุดประสงคร์ ายวชิ า
1. มีความรูค้ วามเขา้ ใจเก่ียวกบั หลกั การของภาพกราฟิก
2. มีความรูค้ วามเขา้ ใจเก่ียวกบั ประเภทและคณุ ลกั ษณะของแฟม้ ภาพกราฟิก
3. มีทกั ษะการใชโ้ ปรแกรมกราฟิก
4. สรา้ งและตกแตง่ ภาพกราฟิก
5. จดั การแฟม้ ภาพกราฟิก
6. มีคณุ ธรรม จรยิ ธรรม และคา่ นิยมท่ีดีในการใชค้ อมพิวเตอร์
มาตรฐานรายวชิ า
1. แสดงความรูเ้ ก่ียวกบั หลกั การพืน้ ฐานคอมพิเตอรก์ ราฟิก
2. ออกแบบภาพกราฟิกตามหลกั องคป์ ระกอบศลิ ป์
3. สรา้ งภาพกราฟิกและจดั การแฟ้มภาพดว้ ยโปรแกรมกราฟิก
คาอธิบายรายวิชา
ศกึ ษาและปฏิบตั เิ ก่ียวกบั ความรูพ้ ืน้ ฐานเก่ียวกบั ภาพกราฟิก หลกั การของภาพกราฟิกแบบ Vector
และ Bitmap ประเภทและคณุ ลกั ษณะของแฟ้มภาพกราฟิก การสรา้ งและตกแตง่ ภาพกราฟิก การจดั การแฟม้
ภาพกราฟิก ความแตกตา่ งของภาพกราฟิกแบบ 2 มิติ การใชโ้ ปรแกรมสรา้ งภาพกราฟิ กแบบ Vector และ
Bitmap
งานพฒั นาหลกั สูตรการเรียนการสอน ฝ่ ายวชิ าการ วทิ ยาลยั อาชีวศกึ ษาพิษณุโลก
2
ตารางวเิ คราะหห์ ลกั สูตร
รหสั วชิ า 20204-2007 รายวิชา โปรแกรมกราฟิก
จานวน 2 หน่วยกติ จานวน 4 ช่วั โมง/สัปดาห์
ระดับพฤตกิ รรมทพี่ งึ ประสงค์
หน่วย ชอื่ หน่วยการจัดการเรียนรู้ พทุ ธิพสิ ัย ทกั ษะ จิต
ที่
ความ ู้ร/ความจา พสิ ัย พสิ ัย เวลา
ความเ ้ขาใจ
การนาไปใ ้ช (ช.ม.)
ิวเคราะห์
ัสงเคราะห์
ประมาณ ่คา
1 ความรูเ้ บอื้ งตน้ เก่ียวกบั คอมพวิ เตอรก์ ราฟิก / / / / /4
/ /
2 ความรูเ้ บอื้ งตน้ เก่ียวกบั โปรแกรมสรา้ ง ///
/ 8
ภาพกราฟิ ก / /8
/
3 มมุ มองภาพและการตกแตง่ ภาพดว้ ยเลเยอร์ / / / / /
/ 8
4 การสรา้ งขอบเขตพืน้ ท่ี (Selection) และการ / / / / / /8
/ / 12
จดั การไฟล์ / /8
/8
5 การสรา้ งตวั อกั ษรและขอ้ ความ //// /
6 การระบายสี และภาพกราฟิกสาหรบั เวบ็ เพจ / / / / 8
7 การวาดภาพ //////
8 การใชโ้ ปรแกรมกราฟิกแบบเวคเตอร์ //////
9 การสรา้ งขอ้ ความ การปรบั รูปทรงภาพ และ / / / /
การใชพ้ าเลตพาธฟินเดอะ
รวม 72
ความสาคัญ 321456 - - -
สัดส่วนคะแนน (ร้อยละ)
80 20 -
3
แผนการจัดการเรียนรู้ หน่วยท่ี 1
ชือ่ วิชา โปรแกรมกราฟิก สอนสัปดาหท์ ่ี 1
ช่ือหน่วย ความรูเ้ บือ้ งตน้ เก่ียวกบั คอมพวิ เตอรก์ ราฟิก สอนคร้ังที่ 1
ช่ือเรอื่ ง รูจ้ กั กบั Microsoft Excel จานวนช่ัวโมง 4
1. สาระสาคัญ
ครูผสู้ อนแนะนาตนเอง แจง้ จดุ ประสงคร์ ายวิชา มาตรฐานรายวชิ า คาอธิบายรายวชิ า เกณฑก์ าร
วดั ผลประเมนิ ผล ขอ้ ตกลงเบอื้ งตน้ ในการเรยี น
2. สมรรถนะประจาหน่วย
แสดงความรูเ้ ก่ียวกบั หลกั การพืน้ ฐานอคอมพวิ เตอรก์ ราฟิ ก
3. จุดประสงคก์ ารเรยี นรู้
1. บอกความหมายคอมพิวเตอรก์ ราฟิกได้
2. อธิบายคณุ คา่ และความสาคญั ของงานกราฟิกได้
3. อธิบายการนาภาพกราฟิกท่ีใชก้ บั คอมพิวเตอรไ์ ด้
4. จาแนกความแตกตา่ งระหวา่ งไฟลภ์ าพกราฟิกแบบ Raster และแบบ Vectorได้
5. บอกหลกั การใชส้ ีและแสงในคอมพวิ เตอรไ์ ด้
6. บอกอปุ กรณเ์ สรมิ ท่ีจาเป็นสามารถนามาใชใ้ นงานกราฟิกได้
7. ประยกุ ตใ์ ชค้ อมพิวเตอรก์ ราฟิกกบั งานดา้ นตา่ งๆ ได้
4
4. สาระการเรียนรู้
ในอดีตการสรา้ งภาพกราฟิกโดยการใชด้ นิ สอ ปากกา หมกึ สี เขียนบนส่ือ เชน่ ผนงั ถา้ ผืนผา้ ไมไ้ ผ่ หรอื
แผน่ กระดาษแตใ่ นปัจจบุ นั คอมพิวเตอรเ์ ขา้ มามีบทบาทสาคญั ในการสรา้ งภาพกราฟิกมาก
ทาใหไ้ ดภ้ าพกราฟิกท่ีงดงามมีคณุ ภาพและทาไดง้ ่าย โดยการใชค้ อมพวิ เตอรท์ างานดา้ นกราฟิกเป็นไปอยา่ ง
กวา้ งขวาง เชน่ การโฆษณาขายสนิ คา้ ตา่ งๆ ส่ือส่งิ ตพี ิมพ์ ภาพยนตร์ เกมส์ การออกแบบผลิตภณั ฑ์ การ
แสดงผลขอ้ มลู การแสดงภาพทางการแพทย์ โดยสามารถใชร้ ะบบคอมพวิ เตอรส์ ว่ นบคุ คลท่วั ไปท่ีมีการเพ่มิ เตมิ
อปุ กรณบ์ างประการ เพ่ือเพ่มิ ประสทิ ธิภาพการทางานในการประมวลผลภาพและการนาเขา้ ขอ้ มลู เพ่ือแสดงผล
ขอ้ มลู แบบกราฟิก
1.1 ความหมายคอมพวิ เตอรก์ ราฟิ ก
1.1.1 กราฟิ ก (Graphic) มีผใู้ หค้ วามหมายคาวา่ “กราฟิก” ดงั นี้
กราฟิก หมายถึง ศลิ ปะแขนงหน่งึ ซง่ึ ใชส้ ่ือความหมายดว้ ยเสน้ สญั ลกั ษณ์ รูปวาด ภาพถ่าย กราฟ แผนภมู ิ
การต์ นู ฯลฯ เพ่ือใหส้ ามารถส่ือความหมายขอ้ มลู ไดถ้ กู ตอ้ งตรงตามท่ีผสู้ ่ือสารตอ้ งการ (ทพิ าภรณ์ ประดู่, 2549: 3)
กราฟิ ก หมายถึง วสั ดุลายเส้นไดแ้ ก่ วสั ดุท่ีเกิดจากการวาดภาพ และการเขียน โดยแบง่ เป็นลกั ษณะ 2 มิติ
ซ่ึงไดแ้ ก่ การออกแบบจดั ภาพประกอบ การประดิษฐต์ วั อกั ษร การทางานพมิ พ์ เป็นตน้ (สานกั งานคณะกรรมการ
ประถมศึกษาแห่งชาติ, 2536)
กราฟิ ก หมายถึง การออกแบบท่ีเกี่ยวกบั การออกแบบเคร่ืองหมาย การออกแบบท่ีเกี่ยวกบั การพมิ พต์ า่ งๆ ท่ี
ใชใ้ นอุตสาหกรรม (อารี สุทธิพนั ธ์, 2521: 4)
กราฟิ ก มาจากคาในภาษากรีกวา่ Graphiko หมายถึง การเขียนภาพดา้ นสี และลกั ษณะขาวดา เม่ือนามารวม
กบั คาวา่ Graphein ที่แปลวา่ การเขียนตวั หนงั สือ และการส่ือความหมายโดยใชเ้ ส้น คาวา่ กราฟิ กจึงหมายถึง รูปแบบ
ของงานท่ีมุ่งแสดงความจริงหรือความคิดผา่ นทางการวาดรูปและเขียนตวั อกั ษร (อศั วนิ ศิลปเมธากลุ , 2543: 16)
สรุป กราฟิ ก หมายถึง การสื่อความหมายดว้ ยการใชศ้ ิลปะดว้ ยเส้น การเขียน สัญลกั ษณ์ภาพ เพื่อสื่อ
ความหมายใหถ้ ูกตอ้ งตรงความตอ้ งการ
1.1.2 คอมพวิ เตอรก์ ราฟิ ก มีผใู้ หค้ วามหมายคาว่า “คอมพิวเตอรก์ ราฟิก” ดงั นี้
คอมพิวเตอรก์ ราฟิก หมายถงึ การใชค้ อมพวิ เตอรส์ รา้ งภาพโดยการวาดภาพกราฟิกหรือนาภาพมาจากส่ือ
อ่ืนๆ เชน่ วีดทิ ศั นต์ า่ งๆ ภาพยนตร์ กลอ้ งถ่ายรูปดจิ ิตอล การออกแบบเว็บไซต์ เช่ือมโยงขอ้ มลู โดยภาพกราฟิก
เหลา่ นีป้ ระกอบดว้ ย เสน้ สี แสง และเงาตา่ งๆ สามารถตอบสนองกบั ผใู้ ชง้ าน
คอมพวิ เตอรก์ ราฟิก หมายถึง การสรา้ งภาพ การตกแตง่ แกไ้ ข หรือการจดั การเก่ียวกบั รูปภาพ โดยใชเ้ คร่ือง
คอมพิวเตอรใ์ นการจดั การ เชน่ การตกแตง่ แกไ้ ขภาพคนแกใ่ หม้ ีวยั ท่ีเดก็ ขนึ้ การสรา้ งภาพตามจินตนาการ การสรา้ ง
ภาพเหมือน การลอกลาย และการใชภ้ าพกราฟิกในการนาเสนอขอ้ มลู ในดา้ นตา่ งๆ การออกแบบเวบ็ ไซต์ เพ่ือให้
สามารถส่ือความหมายไดต้ รงตามท่ีผสู้ ่ือสารตอ้ งการ และดงึ ดดู ใหน้ า่ สนใจย่งิ ขนึ้ ดว้ ยกราฟ แผนภมู ิ แผนภาพ (ทิพา
5
ภรณ์ ประด,ู่ 2549: 3)
คอมพิวเตอรก์ ราฟิก หมายถึง คอมพิวเตอรเ์ พ่ือแสดงภาพ แผนภาพ การแบง่ สว่ น การแสดงความสมั พนั ธ์
กราฟ โดยใสข่ อ้ มลู เขา้ ไปเป็นตวั เลข เกิดเป็นภาพบนจอภาพ สามารถขยายภาพ หมนุ เอียง หรือการจดั ทากบั ภาพ
เหลา่ นนั้ อยา่ งไรก็ได้ เพ่ือการส่ือความหมายไดด้ ีย่งิ ขนึ้ ปัจจบุ นั มีการใชภ้ าพกราฟิกประยกุ ตใ์ ชใ้ นงานทกุ ๆ ดา้ นไมว่ า่
ดา้ นธรุ กิจ โรงงานอตุ สาหกรรม งานศลิ ปะ การบนั เทิง งานโฆษณาสินคา้ การศกึ ษา การวจิ ยั การฝึกอบรม และงาน
ทางการแพทยจ์ นเห็นไดช้ ดั เจนวา่ คอมพวิ เตอรก์ ราฟิกนนั้ มีการใหค้ วามสาคญั เน่ืองจากเป็นเคร่อื งมือท่ีสามารถชว่ ย
ออกแบบกราฟิกไดอ้ ยา่ งรวดเรว็ ไมจ่ าเป็นตอ้ งอาศยั เคร่ืองมือจานวนมากอีกทงั้ ผอู้ อกแบบสามารถดผู ลงานการ
ออกแบบกอ่ นไดท้ นั ที การนากราฟิกเขา้ มาใชส้ ่ือสารสามารถสรา้ งความเขา้ ใจในงานธรุ กิจดา้ นตา่ งๆ ภายใน
องคก์ รใหเ้ ขา้ ใจไดง้ ่ายถกู ตอ้ ง และชดั เจนย่งิ ขนึ้ (ทกั ษิณา สวนานนท,์ 2536: 90)
สรุป คอมพิวเตอรก์ ราฟิก หมายถงึ การสรา้ งภาพ การตกแตง่ แกไ้ ขภาพ โดยใชค้ อมพิวตอรใ์ นการจดั การกบั
ภาพ เชน่ การตกแตง่ ภาพคนแกใ่ หม้ ีวยั สาวขนึ้ หรือสรา้ งภาพตามจินตนาการตา่ งๆใหก้ บั ภาพ เพ่ือนาภาพ
ประกอบการเสนอขอ้ มลู ตา่ งๆ เพ่ือใชใ้ นการส่ือความหมายใหช้ ดั เจนตรงตาม
ท่ีผสู้ ่ือสารตอ้ งการ และนา่ สนใจดว้ ยภาพกราฟิก
1.1.3 ประเภทของภาพกราฟิ ก คือ การจาแนกภาพกราฟิก เชน่ ภาพถา่ ย รูปวาด หรือภาพ ท่ีเกิด
จากการสรา้ งจากโปรแกรมสาเรจ็ รูปตา่ งๆ แบง่ ออกเป็น 2 ประเภท ดงั นี้
1.1.3.1 ภาพกราฟิกประเภท 2 มิติ คือ ศลิ ปะแขนงหน่งึ ซง่ึ ใชส้ ่ือความหมายดว้ ยเสน้ สามารถ
มองเหน็ ตามแนวแกน X (ความกวา้ ง) กบั แกน Y (ความยาว) ภาพท่ีพบเห็นโดยท่วั ไป เชน่ ภาพถา่ ยตา่ งๆ รูปวาด
สญั ลกั ษณ์ และภาพการต์ นู ตา่ งๆ ในโทรทศั น์ เชน่ ชนิ จงั โดเรมอ่ น การต์ นู จะเป็นภาพกราฟิกเคล่ือนไหว
(Animation) โดยจะมีกระบวนการสรา้ งท่ีซบั ซอ้ นกวา่ ภาพวาดปกติ
1.1.3.2 ภาพกราฟิกประเภท 3 มิติ คือ ภาพกราฟิกท่ีสรา้ งจากโปรแกรมสรา้ งภาพแบบ 3
มติ ิ เชน่ 3D max Maya ทาใหไ้ ดภ้ าพมีสีและแสงเงาเหมือนจรงิ สามารถมองเห็นตามแนวแกน X (ความกวา้ ง) กบั
แกน Y(ความยาว) และมีแกน Z (ความหนาหรือความสงู ) ทาใหม้ องเหน็ เป็นรูปรา่ งท่ีชดั เจนย่งิ ขนึ้ เหมาะกบั งาน
ดา้ นสถาปัตย์ การออกแบบตา่ งๆ การผลิตรถยนต์ การสรา้ งเป็นภาพยนตรก์ ารต์ นู หรอื โฆษณาสินคา้ ตา่ งๆ
ภาพยนตรก์ ารต์ นู เอนิเมช่นั แบบ 3 มิติ เชน่ การต์ นู เร่ือง Nemo The Bug ชา้ งกา้ นกลว้ ย และปังปอนดแ์ อนเิ มชนั
เป็นตน้
1.2 คุณค่าและความสาคัญของงานกราฟิ ก
งานกราฟิกเป็นการส่ือสารดว้ ยศลิ ปะระหวา่ งผสู้ รา้ ง กบั ผรู้ บั (ผดู้ ู ผเู้ ห็น) ดงั นนั้ งานกราฟิก
จงึ มีคณุ คา่ และความสาคญั ดงั นี้
1. เป็นส่ือกลางในการส่ือความหมายใหเ้ กิดการเขา้ ใจตรงกนั สรา้ งระบบการเรียนรู้ สรา้ ง
แนวคิดใหมๆ่ เชงิ สรา้ งสรรค์
2. สรา้ งความเรา้ ใจนา่ สนใจ ความประทบั ใจ และความเช่ือถือไดข้ องผลงาน เพ่ือใหเ้ กิด
6
การเรยี นรู้ เกิดการศกึ ษากบั กลมุ่ เปา้ หมายได้
3. ก่อใหเ้ กิดความคดิ สรา้ งสรรคร์ ูปแบบใหม่ โดยการประยกุ ตค์ วามคดิ จากผลงานเดมิ
4. ชว่ ยสรุปความคดิ และจนิ ตนาการออกมาเป็นขอ้ มลู ท่ีส่ือสารไดง้ า่ ย ทาใหผ้ พู้ บเห็นเกิด
การเปล่ียนแปลงพฤตกิ รรมทงั้ ทางดา้ นการกระทาและความคดิ
5. สรา้ งระบบการถา่ ยทอดท่ีมีความเดน่ ชดั แปลความหมายไดร้ วดเร็ว
6. สรา้ งความเจรญิ กา้ วหนา้ ใหธ้ รุ กิจ สรา้ งอาชีพและรายไดใ้ นสงั คม
7. สรา้ งคา่ นิยมทางความคดิ ท่ีงดงาม ไดแ้ นวคิดท่ีดี
1.3 ภาพกราฟิ กทใี่ ช้กับคอมพวิ เตอร์
ภาพท่ีเกิดบนจอคอมพวิ เตอร์ (Monitor) เกิดจากการทางานของโหมดสีแบบอารจ์ ีบี คลั เลอร์ (RGB Color)
ซง่ึ ประกอบดว้ ย สีแดง (Red) สีเขียว (Green) และสีนา้ เงิน (Blue) โดยใชห้ ลกั การยิงประจไุ ฟฟ้าใหเ้ กิดการเปลง่ แสง
ของสีทงั้ 3 สี มาผสมกนั เกิดเป็นจดุ สีเล็กๆ ท่ีเรียกว่า Pixel “พิกเซล” โดยพกิ เซลจะมีหลากหลายสีเม่ือนามาวางตอ่
กนั จะเกิดเป็นภาพ มี 2 แบบ คือ
1.3.1 ภาพกราฟิ กแบบ Raster หรอื เรยี กอีกอยา่ งหน่งึ วา่ กราฟิกแบบบติ แมป (Bitmap) เป็นภาพกราฟิก
ท่ีเกิดจากการเรียงตวั ของจดุ ส่ีเหล่ียมเล็กๆ หลากหลายสี เรียกวา่ Pixel (คลา้ ยๆ กบั การปักผา้ ครอสตกิ ) นามา
ประกอบกนั จนเกิดเป็นภาพขนาดใหญ่ โดยเม็ดสีแตล่ ะเมด็ จะมีคา่ สีแตกตา่ งกนั ไป ภาพกราฟิกแบบ Raster จะตอ้ ง
กาหนดจานวนพกิ เซลใหก้ บั ภาพ ภาพท่ีมีจานวนเมด็ สีมากๆ ภาพ จะมีความละเอียดมาก สวยคมชดั ภาพท่ีมี
จานวนเมด็ สีนอ้ ย เมด็ สีท่ีประกอบเป็นภาพจะเรียงตอ่ กนั แบบห่างๆ และมองเห็นเม็ดสีในภาพแตล่ ะเมด็ ภาพกราฟิก
แบบ Raster เม่ือมีการขยายใหญ่ขนึ้ ทาใหภ้ าพนนั้ มีความหยาบมองเห็นภาพเป็นจดุ ส่ีเหล่ียม ดงั นนั้ การกาหนด
จานวนพิกเซลจะบอกถงึ ความละเอียดของภาพ
หากภาพถกู กาหนดใหม้ ีความละเอียด 1,200 ppi (ความละเอียด 1,200 เมด็ สีตอ่ ตารางนวิ้ ) จานวนพิกเซลควร
กาหนดใหเ้ หมาะสมกบั ภาพกราฟิกในงานท่ีสรา้ ง เชน่ ภาพกราฟิกสาหรบั เว็บไซตต์ า่ งๆ นนั้ เป็นภาพท่ีมีความ
ละเอียดนอ้ ยไฟลภ์ าพควรกาหนดจานวนพกิ เซล ประมาณ 72 ppi เพ่ือความสะดวกในการนาภาพอพั โหลด
(Upload) ไฟลข์ นึ้ เซิรฟ์ เวอร์ (Server) ไดร้ วดเร็ว การสรา้ งภาพกราฟิกใชง้ านท่วั ๆ ไป กาหนดจานวน Pixel
ประมาณ 100-150 ppi และภาพสาหรบั นติ ยสาร ปกหนงั สือ ภาพโปสเตอรข์ นาดใหญ่ และงานแบบพิมพต์ า่ งๆ นนั้
คววรกาหนดจานวน Pixel ประมาณ 300-350 ppi เน่ืองจากงานดงั กลา่ วตอ้ งการภาพท่ีมีความละเอียดมาก ทาให้
ภาพสวยสมจรงิ ภาพกราฟิ กแบบ Raster สามารถแกไ้ ขปรบั แตง่ สี โดยการตกแตง่ ภาพทาไดง้ ่ายและมีความ
สวยงาม ซง่ึ โปรแกรมท่ีนิยมใชส้ รา้ งภาพกราฟิกแบบ Raster คือ Adobe PhotoShop, Adobe PhotoShopCS,
Paint เป็นตน้
1.3.1.1 คณุ ลกั ษณะของไฟลภ์ าพกราฟิกแบบ Raster คือ ไฟลภ์ าพกราฟิกท่ีมีภาพคณุ ลกั ษณะ
นามสกลุ ท่ีแตกตา่ งกนั ตามรูปแบบจากการสรา้ งภาพนนั้ จากโปรแกรมสาเรจ็ รูปตา่ งๆ เชน่ .BMP, .DIB,.JPG,
7
.JPEG, .JPE, .GIF, .TIFF, .TIF, .PCX, .IMG, .MAC, .MSP และ .TGA เป็นตน้ ซ่งึ ลกั ษณะของแฟม้ ภาพจะแตกตา่ ง
กนั ออกไป และมีลกั ษณะงานแตกตา่ งกนั ตามลกั ษณะการนาไปใช้ เชน่ สาหรบั ภาพท่วั ไปเหมาะกบั งานท่ีไมต่ อ้ งการ
ความละเอียด งานนิตยสารตา่ งๆ มีความละเอียดของภาพสงู ไฟลก์ ราฟิกแบง่ เป็นหลายรูปแบบ แตท่ ่ีนิยมใชก้ นั
มากในงานกราฟิกสาหรบั เว็บไซต์ เชน่ GIF และ JPEG สาหรบั งานพมิ พ์ เชน่ TIFF, EPS และ PDF
1.3.1.2 คณุ ลกั ษณะของภาพกราฟิกแบบ Raster คือ ภาพท่ีเกิดจากจดุ สีประกอบกนั เป็นภาพ
เหมาะกบั ภาพท่ีมีเฉดสีท่ีใชจ้ านวนมาก เชน่ ภาพถา่ ยจากกลอ้ งดจิ ิตอล หรอื ภาพวาดท่วั ไป สามารถปรบั แตง่ สี
ตกแตง่ ภาพไดง้ า่ ยและมีความสวยงาม ซง่ึ โปรแกรมท่ีนยิ มใชส้ รา้ งภาพกราฟิกแบบ Raster คือ โปรแกรม
Photoshop และ Paint ภาพกราฟิกแบบ Raster นนั้ เม่ือมีการขยายใหญ่ขนึ้ จะมองเหน็ ภาพเป็นจดุ ส่ีเหล่ียม
คณุ ลกั ษณะของภาพดงั กลา่ วไมเ่ หมาะในการขยายขนาดภาพ
1.3.2 ภาพกราฟิ กแบบ Vector ภาพกราฟิกท่ีสรา้ งดว้ ยสว่ นประกอบของเสน้ ลกั ษณะตา่ งๆ และ
คณุ สมบตั เิ ก่ียวกบั สีของเสน้ นนั้ ๆ ซง่ึ สรา้ งจากการคานวณทางคณิตศาสตร์ เชน่ ภาพถา่ ยคนท่วั ไป จะถกู สรา้ งดว้ ย
จดุ ของเสน้ หลายๆ จดุ เป็นลกั ษณะของเสน้ โครงรา่ ง (Outline) และสีของคนก็เกิดจากสีของเสน้ โครงรา่ งนนั้ ๆ กบั
พืน้ ท่ีผิวภายใน เม่ือมีการแกไ้ ขภาพจะเป็นการแกไ้ ขคณุ สมบตั ขิ องเสน้ ทาใหภ้ าพไมส่ ญู เสียความละเอียดใดๆ ไฟล์
ภาพมีขนาดไฟลเ์ ล็กแตอ่ ปุ กรณท์ ่ีใชแ้ สดงผลภาพ เชน่ การแสดงผลทางจอภาพคอมพวิ เตอร์ หรอื เคร่อื งพมิ พจ์ ะเป็น
การแสดงผลภาพแบบ Vector นยิ มใชเ้ พ่ืองานสถาปัตยกรรมตกแตง่ ภายใน และดา้ นการออกแบบตา่ งๆ เชน่ การ
ออกแบบรถยนต์ การออกแบบงานอาคาร การสรา้ งภาพการต์ นู ซ่งึ โปรแกรมท่ีนิยมใชส้ รา้ งภาพกราฟิกลายเสน้ แบบ
Vector เชน่ โปรแกรม Illustrator โปรแกรม CorelDraw โปรแกรม 3Ds และโปรแกรม Max ภาพกราฟิกแบบ Vector
เม่ือมีการปรบั ขยายภาพใหญ่ขนึ้ ความละเอียดของภาพคงเดมิ
1.3.2.1 คณุ ลกั ษณะของไฟลภ์ าพกราฟิกแบบ Vector คือ การเก็บไฟลภ์ าพกราฟิ ก
แบบ Vector มีหลายนามสกลุ โดยผใู้ ชส้ ามารถกาหนดไดต้ ามรูปแบบท่ีโปรแกรมกาหนด เชน่ .EPS .WMF .CDR
.AI .CGM .DRW .PLT .DXF .PIC และ .PGL เป็นตน้ ซ่งึ ลกั ษณะของไฟลภ์ าพจะแตกตา่ งกนั
1.4 ความแตกต่างของกราฟิ กแบบ Raster กับแบบ Vector
ความแตกตา่ งระหวา่ งกราฟิ กแบบ Raster และ Vector ลกั ษณะภาพแบบ Raster ประกอบขนึ้ ดว้ ยจดุ
ตา่ งๆ มากมายภาพมีจานวน Pixel คงท่ีจงึ ตอ้ งการคา่ ความละเอียดมากขนึ้ เม่ือขยายภาพ โดยจะคานวณคา่ สีทีละ
pixel ทาใหภ้ าพแตกเม่ือขยายภาพใหใ้ หญ่ เหมาะสาหรบั งานกราฟิกในแบบท่ีตอ้ งการใหแ้ สงเงาภาพแบบ Vector
ใชส้ มการทางคณิตศาสตรเ์ ป็นตวั สรา้ งภาพ โดยรวมเอา Object เชน่ วงกลม เสน้ ตรงตา่ งชนิดมาผสมกนั สามารถยอ่
และขยายขนาดไดม้ ากกวา่ โดยสดั สว่ น และลกั ษณะของภาพยงั เหมือนเดมิ ความละเอียดภาพไมเ่ ปล่ียนแปลง
เหมาะสาหรบั งานแบบวาง Layout งานการพิมพต์ วั อกั ษร
8
1.5 หลักการใช้สีและแสงในคอมพวิ เตอร์
จอภาพคอมพวิ เตอรส์ ามารถแสดงผลของภาพในรูปแบบสีโหมดตา่ งๆ ซง่ึ แบง่ หลกั การใชส้ ีและแสงใน
คอมพิวเตอรท์ ่ีใชง้ านดา้ นกราฟิกท่วั ไปแบง่ เป็นโหมด (Mode) สี 4 แบบ คือ
1.5.1 โหมดสีแบบ RGB Color
1.5.2 โหมดสีแบบ CMYK Color
1.5.3 โหมดสีแบบ HSB Color
1.5.4 โหมดสีแบบ LAB Color
1.5.1 โหมดสแี บบ RGB Color คือ กาหนดโหมดสีแบบปกตขิ องภาพท่ีใชง้ านในโปรแกรม Photoshop
ซ่งึ ภาพเหลา่ นีไ้ ดม้ าจากกลอ้ งดจิ ิตอลเป็นสว่ นใหญ่ โหมดสีแบบ RGB Colorประกอบดว้ ย แมส่ ี 3 สี คือ สีแดง
(Red) สีเขียว (Green) และสีนา้ เงิน (Blue) เม่ือนาสีดงั กลา่ วมาผสมกนั ทาใหเ้ กิดเป็นสีตา่ งๆ บนจอภาพ
คอมพวิ เตอรม์ ากถงึ 16.7 ลา้ นสี ซง่ึ ใกลเ้ คียงกบั สีท่ีสายตามนษุ ยม์ องเหน็ ปกตสิ ีท่ีไดจ้ ากการผสมสีนนั้ ขนึ้ อยกู่ บั ความ
เขม้ ของสี ถา้ สีมีความเขม้ ขน้ มากสีท่ีมาผสมกนั จะทาใหเ้ กิดเป็นสีขาวจงึ เรียกระบบสีนีว้ า่ การผสมสีแบบ
1.5.2 โหมดสแี บบ CMYK Color คือ ระบบสีท่ีใชก้ บั เคร่ืองพิมพท์ ่ีพมิ พอ์ อกทางกระดาษหรือวสั ดผุ ิว
เรียบอ่ืนๆ โดยภาพท่ีกาหนดโหมดสีแบบ CMYK Color นนั้ สีคอ่ นขา้ งทบึ เม่ือแสดงบนจอภาพ แตเ่ ม่ือพมิ พอ์ อกทาง
เคร่อื งพมิ พจ์ ะมีสีท่ีสดใสสวยงาม โหมดสีแบบ CMYK Color นนั้ ประกอบดว้ ยสีหลกั 4 สี คอื สีฟา้ (Cyan) สีดา
(Black) สีมว่ งแดง (Magenta) และสีเหลือง (Yellow) เม่ือนามาผสมกนั จะเกิดสีเป็นสีดาแตจ่ ะไมด่ าสนทิ เน่ืองจาก
หมกึ พิมพม์ ีความไมบ่ รสิ ทุ ธิ์จงึ เป็นการผสมสีแบบลบ (Subtractive) หลกั การเกิดสีของระบบนี้ คือ หมกึ สีหน่งึ จะ
ดดู กลืนแสงจากสีหน่งึ แลว้ สะทอ้ นกลบั ออกมาเป็นสีตา่ งๆ เชน่ สีฟา้ ดดู กลืนแสงของสีมว่ งแลว้ สะทอ้ นออกมาเป็นสี
นา้ เงิน สงั เกตเห็นไดว้ า่ สีท่ีสะทอ้ นออกมาจะเป็นสีหลกั ของโหมดสีแบบ RGB การเกิดสีนี้ แบบสีจงึ ตรงขา้ มกบั การ
เกิดสีในแบบ RGB
1.5.3 โหมดสีแบบ HSB Color สีสว่ นใหญ่ท่ีมองเห็น จะมีระดบั ความเขม้ ขน้ ท่ีแตกตา่ งกนั ซ่งึ สายตา
มนษุ ยส์ ามารถแยกออกได้ เป็น 3 ลกั ษณะ คอื
Hu คือ สีตา่ งๆ ท่ีสะทอ้ นออกมาจากวตั ถแุ ลว้ เขา้ สสู่ ายตามนษุ ย์ ซง่ึ มกั เรียกสีตามช่ือสี เชน่ สี
เขียว สีแดง สีเหลือง เป็นตน้
Saturation คอื คา่ ความสดของสี โดยคา่ ความสดของสีจะเรม่ิ ท่ี 0 ถึง 100 ถา้ กาหนด
Saturation เป็น 0 สีจะมีความสดนอ้ ย แตถ่ า้ กาหนดท่ี 100 สีจะมีความสดมาก
Brightness คือ ระดบั คา่ ความสว่างของสี โดยคา่ ความสวา่ งของสีจะเรม่ิ ท่ี 0 ถึง 100 ถา้
กาหนดท่ี 0 ความสวา่ งจะนอ้ ยซง่ึ จะเป็นสีดา แตถ่ า้ กาหนดท่ี 100 สีจะมีความสวา่ งมากท่ีสดุ
1.5.4 โหมดสแี บบ LAB Color คอื โหมดสีท่ีมีชว่ งความกวา้ งในการแสดงสีไดส้ งู ท่ีสดุ เทียบเทา่ กบั สี
ดวงตาของมนษุ ยส์ ามารถรบั ได้ โดยแบง่ ออกเป็น 3 สว่ นคอื
9
“L” หรอื Luminance การกาหนดคา่ ความสวา่ ง ซง่ึ มีคา่ ตงั้ แต่ 1 ถงึ 100
ถา้ กาหนดท่ี 0 จะกลายเป็นสีดา แตถ่ า้ กาหนดท่ี 100 จะกลายเป็นสีขาว
“A” เป็นคา่ ของสีท่ีไลจ่ ากสีเขียวไปสีแดง
“B” เป็นคา่ ของสีท่ีไลจ่ ากสีนา้ เงินไปสีเหลือง
1.6 อุปกรณเ์ สริมทจี่ าเป็ นนามาใช้ในงานกราฟิ ก
อปุ กรณเ์ สรมิ ท่ีจาเป็นนามาใชใ้ นงานกราฟิก เชน่ เคร่ืองคอมพวิ เตอร์ และอปุ กรณเ์ สรมิ ตา่ งๆ เพ่ือเพ่มิ ความ
สะดวกในการทางานดา้ นกราฟิก เชน่ Print) กลอ้ งถ่ายรูป และเคร่ือง Scanner เป็นตน้
1.6.1 กล้องดจิ ิตอล คอื อปุ กรณเ์ สรมิ ท่ีใชส้ รา้ งภาพน่ิงตา่ งๆ หรือภาพวดิ โี อแลว้ นาภาพเขา้ มาในเคร่ือง
คอมพวิ เตอรเ์ พ่ือแกไ้ ข ปรบั แตง่ เพ่มิ เตมิ และจดั เก็บไฟลภ์ าพแสดงผลออกมาจากจอภาพ โดยการพิมพอ์ อกมาทาง
เคร่อื งพิมพ์ ปัจจบุ นั กลอ้ งดิจิตอลไดพ้ ฒั นาใหม้ ีความละเอียดของภาพเพ่มิ ขนึ้ และมีความจสุ งู ในการเก็บภาพจานวน
มาก สะดวกในการบนั ทกึ ภาพตา่ งๆ ไดร้ วดเรว็ และนาภาพเขา้ เคร่ืองคอมพวิ เตอรเ์ พ่ือนามาปรบั ปรุงใหเ้ หมาะสมกบั
งานตา่ งๆ ไดร้ วดเรว็ ในโปรแกรม Photoshop
1.6.2 เคร่อื งกราดภาพ (Scanner) คอื อปุ กรณท์ ่ีใชต้ อ่ พว่ งเขา้ กบั เคร่อื งคอมพวิ เตอรเ์ พ่ือนาภาพหรือ
ขอ้ ความเขา้ ไปในหนว่ ยความจาเคร่อื งคอมพวิ เตอร์ ดว้ ยวธิ ีการกราดแสงผา่ นคอมพิวเตอรน์ าขอ้ มลู เขา้
หนว่ ยความจาสามารถนารูปภาพท่ีไดม้ าแกไ้ ข ปรบั แต่ง เพ่มิ เตมิ จดั เก็บ และแสดงผลออกมาทางจอภาพ หรอื
แสดงผลออกมาทางเคร่อื งพิมพ์
1.6.3 เคร่อื งพมิ พ์ (Printer) คอื อปุ กรณแ์ สดงผลขอ้ มลู ตา่ งๆ เชน่ แสดงขอ้ ความ ตวั เลข ภาพ
สญั ลกั ษณ์ ฯลฯ แสดงออกทางเคร่ืองพมิ พใ์ นรูปแบบการพมิ พอ์ อกทางกระดาษหรือวตั ถอุ ่ืนๆ ท่ีมีผิวเรียบการแบง่
เคร่อื งพิมพใ์ นปัจจบุ นั สามารถแบง่ ได้ 3 ประเภท คือ
1.6.3.1 เคร่ืองพิมพแ์ บบจดุ (Dot-Matrix Printer) คอื ระบบหวั เขม็ กระแทกกบั ผา้ หมกึ ลงบน
กระดาษ โดยหวั พมิ พจ์ ะมีชดุ เขม็ เรียงกนั เป็นชดุ เพ่ือกระแทกผา้ หมกึ ใหห้ มกึ ตดิ ลงบนกระดาษทีละจดุ เรยี งกนั เป็น
ตวั อกั ษร ดงั นนั้ เวลาพมิ พจ์ ะมีเสียงกระแทกของหวั เขม็ เสียงดงั งานท่ีไดม้ ีคณุ ภาพปานกลางความเรว็ ในการพมิ พ์ 1
– 8 หนา้ ตอ่ นาที
1.6.3.2 เคร่อื งพมิ พแ์ บบฉีดหมึก (Ink Jet Printer) คอื วิธีการฉีดพน่ หมกึ เขา้ ไป
เป็นจดุ เลก็ ๆ บนกระดาษสามารถพิมพภ์ าพสี และภาพขาวดาได้ คณุ ภาพของงานพมิ พส์ วยงามนิยมใชใ้ นงานโรง
พิมพท์ ่วั ไป ความเรว็ ในการพิมพ์ 1-10 หนา้ ตอ่ นาที
1.6.3.3 เคร่อื งพิมพเ์ ลเซอร์ (Laser Printer) คอื เคร่ืองพิมพท์ ่ีพฒั นาจากเคร่ืองพิมพ์
แบบจดุ และแบบฉีดพน่ หมกึ สามารถพิมพไ์ ดเ้ รว็ และความคมชดั ของงานดมี ากกวา่ แตร่ าคาเคร่ืองสงู กวา่
เคร่อื งพิมพช์ นิดอ่ืน และความเรว็ ในการพมิ พ์ 4 - 20 หนา้ ตอ่ นาที (ppm) และมีความละเอียดในการพิมพ์ 300 –
1200 dpi (dots per inches - จานวนจดุ ท่ีพิมพใ์ นหน่งึ นวิ้ )
10
1.6.4 พลอ็ ตเตอร์ (Plotter) คือ เคร่ืองพมิ พแ์ บบท่ีใชป้ ากกาในการเขียนขอ้ มลู ลงบนกระดาษ ซ่งึ
เคร่อื งพมิ พป์ ระเภทนีเ้ หมาะกบั งานเขียนแบบของวิศวกรและสถาปนิก และเคร่อื งพิมพป์ ระเภทนีม้ ีราคาแพงท่ีสดุ ใน
กลมุ่ เคร่อื งพมิ พป์ ระเภทตา่ งๆ
1.6.5 กระดานกราฟิ ก (Graphic Tablet) คือ อปุ กรณก์ ารเขียนหรอื วาดภาพ โดยลกั ษณะของอปุ กรณไ์ ด้
ออกแบบมาใหเ้ หมือนกบั กระดานวาดภาพจะมีปากกาไวใ้ หใ้ ชง้ าน และภาพท่ีวาดขนึ้ บนกระดานกราฟิกจะปรากฎ
บนหนา้ จอคอมพวิ เตอร์ สาหรบั ผทู้ ่ีไมส่ ะดวกใชเ้ มาสใ์ นการวาดรูปท่ีรายละเอียดมากๆ
1.7 คอมพวิ เตอรก์ ราฟิ กกบั การประยุกตใ์ ช้ในงานด้านตา่ งๆ
คอมพิวเตอรก์ ราฟิกในปัจจบุ นั มีการพฒั นาทางดา้ นการใชเ้ ทคโนโลยีมีการนาคอมพิวเตอรม์ าพฒั นาในเร่อื ง
ของการส่ือสารใหม้ ีสีสนั สวยงาม สมจรงิ เสมือนการจาลองเหตกุ ารณ์ เพ่ือดงึ ดดู สายตาผพู้ บเห็นหรือเพ่ือการแขง่ ขนั
การแสดงสนิ คา้ ซง่ึ แบง่ ภาพกราฟิกตามลกั ษณะการใชง้ านในแตล่ ะดา้ นไดด้ งั นี้
1.8.1 กราฟิ กดา้ นการออกแบบ คอมพิวเตอรก์ ราฟิกถกู นามาใชใ้ นการออกแบบงานมาเป็น
เวลานาน เชน่ การออกแบบทางวิศวกรรม งานดา้ นสถาปัตยอ์ อกแบบภายในบา้ นตา่ งๆ การออกแบบรถยนต์ การ
ออกแบบเคร่ืองจกั รกล รวมถึงการออกแบบวงจรไฟฟ้าอเิ ลก็ ทรอนิกส์ โดยใชโ้ ปรแกรมสาเรจ็ รูปกราฟิกตา่ งๆ
โปรแกรมเหลา่ นีช้ ว่ ยใหผ้ อู้ อกแบบ หรือวิศวกรออกแบบงานตา่ งๆ ไดส้ ะดวกขนึ้ กลา่ วคอื ผอู้ อกแบบสามารถเขียน
เป็นแบบลายเสน้ แลว้ ลงสี แสงเงา เพ่ือใหด้ คู ลา้ ยกบั ของจรงิ ได้ และผอู้ อกแบบสามารถกาหนดขนาดของวตั ถลุ งใน
ระบบซีเอดี (CAD) สามารถการย่อหรือการขยายภาพ การหมนุ ภาพไปในมมุ ตา่ งๆ การแกไ้ ขแบบ และสะดวกกวา่
การออกแบบบนกระดาษ
1.8.2 กราฟิ กกับงานด้านโฆษณา ปัจจบุ นั ในการโฆษณาสนิ คา้ ตา่ งๆ ไดน้ าภาพกราฟิกเขา้ มาชว่ ยในการ
โฆษณาและส่ือส่งิ พมิ พต์ า่ งๆ เพ่ือเพ่มิ ความนา่ สนใจของสินคา้ ตอ่ ผบู้ รโิ ภค เชน่ โปสเตอรภ์ าพสาหรบั การโฆษณา
ตา่ งๆ สามารถทาใหภ้ าพท่ีเห็นเหมือนภาพถา่ ยนนั้ แปลกออกไปจากเดมิ ได้ โดยมีภาพบางอยา่ งเพ่มิ เขา้ ไปในภาพ
หรอื บางสว่ นของภาพนนั้ หายไปทาใหเ้ กิดภาพท่ีไมน่ า่ จะเป็นจรงิ แตด่ เู หมือนกบั เกิดขนึ้ จรงิ เชน่ การนาการต์ นู
โฆษณาขายสินคา้ สาหรบั เด็ก ปา้ ยโฆษณาโทรศพั ท์ ปา้ ยโฆษณารถยนต์ และปา้ ยหนา้ รา้ นคา้ ตามแหลง่ ชมุ ชนตา่ งๆ
ดงั นี้
1.8.3 กราฟิ กกับงานด้านการนาเสนอ การส่ือสารดว้ ยภาพศลิ ปะระหวา่ ง ผสู้ รา้ ง กบั ผรู้ บั (ผดู้ ู ผู้
เห็น) ดงั นนั้ ภาพกราฟิก จงึ เขา้ มาชว่ ยเพ่ิมความเขา้ ใจใหก้ บั ผรู้ บั สาร เพ่ือใหเ้ ขา้ ใจงา่ ยมากย่งิ ขนึ้ เชน่ แผนภาพ
แสดงการเงิน งานสถิติ และขอ้ มลู ทางเศรษฐกิจ จะเป็นประโยชนต์ อ่ ผบู้ รหิ าร หรือผจู้ ดั การกิจการตา่ งๆ มากขนึ้
เน่ืองจากสามารถทาความเขา้ ใจกบั ขอ้ มลู ไดง้ ่าย และรวดเรว็ กวา่ เดมิ โดยในกลมุ่ งานการวจิ ยั ตา่ งๆ เชน่ การศกึ ษา
ทางฟิสิกส์ กราฟ และแผนภาพมีสว่ นชว่ ยใหน้ กั วิจยั ทาความเขา้ ใจกบั ขอ้ มลู ไดง้ า่ ยขนึ้ เม่ือขอ้ มลู ท่ีตอ้ งวเิ คราะหม์ ี
จานวนมาก
11
5. การวัดผลและประเมินผล
วิธีวัด เคร่ืองมอื เกณฑ์
-การสงั เกต -การสงั เกต -ตอบไดถ้ กู ตอ้ ง
-ผา่ นเกณฑ์ 60%
-การใชข้ อ้ คาถาม -ขอ้ คาถาม
-ตอบไดถ้ กู ตอ้ ง
-การทดสอบ -แบบทดสอบ
-การสงั เกต -การสงั เกต
-การใชข้ อ้ คาถาม -ขอ้ คาถาม
12
6. บันทกึ หลังการสอน หนว่ ยท่ี.............. ภาคเรียนท่ี.............. ปีการศกึ ษา..............
1) ผลการสอน
...........................................................................................................................................................................
...........................................................................................................................................................................
...........................................................................................................................................................................
2) ปัญหา/อุปสรรค
...........................................................................................................................................................................
...........................................................................................................................................................................
...........................................................................................................................................................................
3) ข้อเสนอแนะและแนวทางแก้ไข
..................................................................................................................................................................
..................................................................................................................................................................
..................................................................................................................................................................
ลงช่ือ
(นายมนตธ์ ร สาระบรู ณ)์
ตาแหนง่ ครูจา้ งสอนประจารายเดือน
7. ข้อเสนอแนะของหัวหน้าสถานศกึ ษาหรอื ผู้ทไี่ ด้รับมอบหมาย (ตรวจ/นิเทศ/เสนอแนะ/รับรอง)
...........................................................................................................................................................................
...........................................................................................................................................................................
................................................................................................................................................
ลงช่ือ
(นางสาวจามมจั จลุ ี มีศลิ ป์ )
ตาแหนง่ รองผอู้ านวยการฝ่ายวชิ าการ
13
แผนการจัดการเรียนรู้ หน่วยที่ 2
ช่ือวิชา โปรแกรมกราฟิก สอนสัปดาหท์ ี่ 2-3
ชอื่ หน่วย ความรูเ้ บือ้ งตน้ เก่ียวกบั โปรแกรมสรา้ งภาพกราฟิก สอนคร้ังที่ 2-3
แบบ Raster
ชอื่ เร่อื ง ความรูเ้ บือ้ งตน้ เก่ียวกบั โปรแกรมสรา้ งภาพกราฟิกแบบ Raster จานวนช่ัวโมง 4
1. สาระสาคัญ
การเปิดไฟลภ์ าพหรือการสรา้ งไฟลภ์ าพใหมใ่ นโปรแกรม Adobe Photoshop โปรแกรมสามารถแกไ้ ข
ปรบั แตง่ ภาพดว้ ยเคร่ืองมือของโปรแกรม เคร่ืองมือทกุ ตวั มีตวั ชว่ ยสนบั สนนุ การทางาน การกาหนดรูปแบบออปชนั
บารใ์ หเ้ หมาะสมกบั การใชง้ าน และบนั ทกึ คา่ Option Bar ดงั กลา่ วไวใ้ ชใ้ นภายหลงั ได้ การเรียกใชง้ านง่าย
เม่ือแกไ้ ขภาพแลว้ ตอ้ งการบนั ทกึ ไฟลส์ ามารถบนั ทกึ ไดต้ ามท่ีผใู้ ชก้ าหนด เลือกรูปแบบตามความเหมาะสมกบั ไฟล์
ภาพใหต้ รงวตั ถปุ ระสงคก์ ารนาภาพไปใชง้ านดา้ นตา่ งๆ และเพ่ือความสะดวกในการนาภาพกลบั มาแกไ้ ขไดใ้ หม่อีก
ครงั้ เชน่ การเคล่ือนยา้ ยไฟลภ์ าพไปใชง้ านยงั คอมพิวเตอรอ์ ่ืนๆ เคร่ืองมือสามารถจดั วางตาแหนง่ ตามผใู้ ชก้ าหนด
2. สมรรถนะประจาหน่วย
แสดงความรูเ้ บือ้ งตน้ เก่ียวกบั โปรแกรมกราฟิก
3. จุดประสงคก์ ารเรยี นรู้
1. อธิบายความรูเ้ บือ้ งตน้ เก่ียวกบั โปรแกรม Adobe Photoshop ได้
2. กาหนดคา่ Option Bar ได้
3. อธิบายรูปแบบการทางาน Menu Bar ได้
4. อธิบายขนั้ ตอนการเรียกใชพ้ าเลตได้
5. เรียกใชก้ ลอ่ งเคร่ืองมือได้
6. สรา้ งไฟลภ์ าพใหมแ่ ละบนั ทกึ ไฟลภ์ าพได้
7. มีความตรงตอ่ เวลาและมีคณุ ธรรม
งานพฒั นาหลกั สูตรการเรียนการสอน ฝ่ ายวชิ าการ วทิ ยาลยั อาชีวศกึ ษาพษิ ณุโลก
14
4. สาระการเรียนรู้
โปรแกรม Adobe Photoshop CS5 มีการปรบั ปรุงรูปแบบใหม่ คาส่งั ท่ีใชง้ านเป็นประจานนั้ จะสรา้ งเป็นพา
เลตใหมเ่ พ่ือเพ่มิ ความสะดวกในการเรียกใชง้ าน การปรบั แตง่ แกไ้ ขรูปภาพ หนา้ ตา่ งวนิ โดวข์ องภาพท่ีเปิดใชง้ านได้
สะดวกขนึ้ สามารถเปิดไฟลภ์ าพพรอ้ มๆ กนั ไดห้ ลายๆ ไฟล์ เพ่ือเพ่มิ ความสะดวกในการแกไ้ ขภาพ การคดั ลอกภาพ
และมีเคร่อื งมือใหมอ่ านวยความสะดวกในการทางานดา้ นตา่ งๆ
2.1 ความรู้เบอื้ งต้นเกย่ี วกับโปรแกรม Adobe Photoshop
โปรแกรม Adobe Photoshop คือ โปรแกรมเพ่ือสรา้ งแกไ้ ขภาพ สามารถสรา้ งชนิ้ งานไดห้ ลากหลาย เชน่
การสรา้ งภาพเพ่ือใชใ้ นงานเว็บเพจ การปรบั แตง่ แกไ้ ขภาพเพ่ือใหไ้ ดร้ ูปแบบใหม่ การยา้ ยภาพตามตอ้ งการและ
สรา้ งสรรคต์ ามจนิ ตนาการ
2.1.1 การเรยี กใช้โปรแกรม Adobe Photoshop การเรียกใชง้ าน มีวิธีการหลายวิธีเชน่ ขนั้ ตอนการ
เรียกใชจ้ ากหนา้ ตา่ งโปรแกรมท่ีป่มุ ขนั้ ตอนดงั นี้
1. คลกิ เลือกป่มุ หรือป่มุ Start
2. เลือก โปรแกรมทงั้ หมด (All Program)
3. คลิกเลือก โปรแกรม
4. เขา้ สหู่ นา้ จอโปรแกรม Adobe Photoshop
2.1.2 ส่วนประกอบของโปรแกรม Adobe Photoshop
หนา้ ตา่ งการทางานของโปรแกรม โดยแบง่ หมวดหมขู่ องกลอ่ งเคร่อื งมือตา่ งๆ
การแบง่ พืน้ ท่ีการทางาน Workspace รูปแบบเคร่อื งมือการทางานท่ีหลากหลาย ซง่ึ ประกอบเป็นหนา้ ตา่ ง
โปรแกรม Adobe Photoshop
2.2 Menu Bar
ชดุ เมนคู าส่งั ท่ีใชจ้ ดั การไฟลภ์ าพท่ีเปิดใชง้ านการปรบั แตง่ แกไ้ ขภาพในโปรแกรม Adobe Photoshop โดย
แบง่ กลมุ่ เมนคู าส่งั การทางาน
15
2.3 Option Bar
Option Bar คือ แผงควบคมุ เคร่ืองมือ ซง่ึ จะมีรูปแบบแตกตา่ งกนั ไปตามเคร่ืองมือท่ีเลือกใชง้ านขณะนนั้
โดยการทางานสว่ นใหญ่จะมีการปรบั แตง่ ใหเ้ หมาะสมกบั การทางานในแตล่ ะเคร่อื งมือนนั้ ๆ เชน่ การใชเ้ คร่อื งมือ
Brush Tool
การบนั ทกึ คา่ การปรบั แตง่ ของเคร่อื งมือ สามารถบนั ทกึ ลกั ษณะของเคร่อื งมือท่ีใชเ้ ป็นประจา เชน่ ความฟ้งุ
ของเสน้ ขอบเคร่ืองมือ Brush Tool ไวใ้ ชใ้ นภายหลงั ขนั้ ตอนดงั นี้
1. ลกั ษณะของ Option Bar เม่ือเลือกใชเ้ คร่อื งมือ
2. กาหนดรูปแบบเคร่อื งมือท่ีตอ้ งการใชภ้ ายหลงั
3. คลิกเพ่ือบนั ทกึ คา่ มีหนา้ ตา่ งยืนยนั การบนั ทกึ กดป่มุ OK
4. รูปแบบเคร่ืองมือท่ีบนั ทกึ แลว้
2.4 วธิ ีการเรียกใช้ Palette1
Palette “พาเลต” คือ หนา้ ตา่ งเพ่มิ ความสะดวกประกอบการทางานรว่ มกบั เคร่ืองมือตา่ งๆ แตล่ ะพาเลตมี
รูปแบบหนา้ ท่ีการทางานแตกตา่ งกนั เช่น พาเลต Color ใชส้ าหรบั เลือกสีพืน้ หรือสีเสน้ พาเลต History บนั ทกึ การ
ทางานท่ีผา่ นมาเพ่ือกลบั ไปคาส่งั ก่อนหนา้ กรณีท่ีตอ้ งการการทางานชดุ เก่า พาเลต Info ใชส้ าหรบั แสดงขอ้ มลู พา
เลต Layer ใชแ้ สดงลาดบั ภาพและขนั้ ตอนการทางานเหมือนการวางหนงั สือซอ้ นกนั หลายเลม่ พาเลต Navigator
กาหนดการแสดงภาพและการยอ่ หรือขยายภาพ โดยพาเลตทกุ พาเลตมีวธิ ีการเรียกใชเ้ หมือนกนั เชน่ วธิ ีการเรยี กใช้
พาเลต Layer ดงั นี้
2.4.1 การเปิ ดพาเลต คือ การเปิดใชง้ านพาเลตตา่ งๆ ดงั นี้
1) การเรยี กใชพ้ าเลตจากเมนู Window เชน่ วิธีการเรยี กใช้ พาเลต Layer
คลิกเมาสท์ ่ีเมนู Window Layers
พาเลตใดท่ีถกู เปิดใชง้ านอยใู่ นปัจจบุ นั นนั้ จะมีเคร่ืองหมาย อยหู่ นา้ คาส่งั เมนู ถา้ ไมต่ อ้ งการพาเลต
ดงั กลา่ วใหท้ าตามขนั้ ตอนการเรียกใชพ้ าเลตซา้ อีกครงั้ พาเลตนนั้ จะหายไป
2) กดคยี ล์ ดั จากแปน้ พิมพ์ เชน่ กด F7 เพ่ือเปิดพาเลต Layer เป็นตน้
3) การเรียกใชพ้ าเลตท่ีซอ้ นกนั อยซู่ ง่ึ อาจจะอยใู่ นกลมุ่ เดียวกนั
4) คลิกเปิด/ปิดพาเลตจากไอคอนท่ีแสดงอย่บู นแถบพาเลตท่ีพบั เก็บไว้
16
2.4.2 การปิ ดพาเลต คือ การปิดพาเลตหรือยกเลกิ พาเลตตา่ งๆ ดงั นี้
1) เลือกคาส่งั Window ช่ือพาเลตท่ีเปิดอยู่ เชน่ การปิดพาเลต Layer
2) คลิกขวาบนแถบช่ือพาเลตแลว้ เลือก Close
3) คลกิ ท่ีเมนขู องพาเลต แลว้ เลือกโคด้
2.4.3 การย่อ/ขยายกรอบพาเลต คือ การเรียกใชง้ านพาเลตใดแลว้ หากตอ้ งการปิดพาเลตดงั กลา่ ว
หรือตอ้ งการยอ่ หนา้ ตา่ งพาเลตเพ่ือเพ่มิ พืน้ ท่ีการแสดงภาพ และขยายกลบั คืนเม่ือตอ้ งการเรียกใช้ เชน่ คลิกเมาส์
เม่ือตอ้ งการยอ่ พาเลต หรือคลิก ขยายพาเลต
2.5 กล่องเครอ่ื งมอื
2.5.1 การเรียกใช้กล่องเครอื่ งมือ (Toolbox) คือ ชดุ กลอ่ งเคร่อื งมือท่ีใชจ้ ดั การไฟลภ์ าพท่ีสรา้ งขนึ้ ใน
หนา้ ตา่ งโปรแกรมสามารถปรบั แตง่ กล่องเคร่ืองมือ
การรวมกลอ่ งเคร่ืองมือกบั พาเลตสามารถนาเมาสค์ ลิกท่ีกลอ่ งเคร่ืองมือแลว้ กดเมาสค์ า้ งไวด้ งึ กลอ่ ง
เคร่อื งมือมาวาง ณ มมุ ดา้ นซา้ ยของพาเลตแลว้ ปล่อยเมาส์ ดงั ภาพ
2.5.2 การเรียกใช้กล่องเคร่ืองมอื คือ การเรียกใชเ้ คร่อื งมือตา่ งๆ ในกลมุ่ ซ่งึ มีกลมุ่ เคร่อื งมือยอ่ ยอีก
สงั เกตจากสญั ลกั ษณร์ ูปสามเหล่ียมสีดามมุ ดา้ นลา่ ง ของเคร่ืองมือแตล่ ะตวั จะสามารถคลิกเมาสค์ า้ งไวเ้ พ่ือ
เลือกเคร่ืองมือย่อยตา่ งๆ ในกลมุ่ ได้
การเรียกใชเ้ คร่ืองมือดว้ ยวิธีการกดป่มุ Shortcut บนแปน้ พิมพเ์ ป็นอีกวธิ ีการหนง่ึ ท่ีนิยมใช้ โดยผใู้ ชท้ ่ีมี
ความชานาญนิยมใชว้ ิธีดงั กลา่ วเน่ืองจากสามารถใชค้ าส่งั ไดร้ วดเรว็ ไมย่ งุ่ ยากลดขนั้ ตอนการเรียกใชค้ าส่งั ท่ียงุ่ ยาก
เป็นการกดป่มุ ง่ายๆ บนแปน้ พมิ พร์ ว่ มกบั ป่มุ Shift การเรียกใชค้ าส่งั ใดๆ เรียกใชจ้ ากตวั อกั ษรท่ีแสดงอยดู่ า้ นหลงั ช่ือ
ของเคร่ืองมือแตล่ ะตวั ขนั้ ตอนดงั นี้
การเรยี กใชป้ ่มุ Shortcut ท่ีแปน้ พมิ พ์ กดป่มุ Shift คา้ งไว้ แลว้ ตามดว้ ยตวั อกั ษรท่ีเป็นป่มุ
Shortcut ของเคร่อื งมือในกลมุ่ ท่ีตอ้ งการ เชน่ กดป่ มุ Shift คา้ งไวแ้ ลว้ กดตวั อกั ษร M ท่ีแปน้ พ5ิม1พ์
หมายถึง การเรียกใชเ้ คร่ืองมือ Rectangular Marquee Tool ถา้ กดซา้ อีกครงั้ จะเรยี กใชเ้ คร่ืองมือ Elliptical
Marquee Tool
2.5.3 กลุ่มเครือ่ งมือของโปรแกรม Adobe Photoshop คอื เคร่อื งมือตา่ งๆ ประกอบดว้ ยเคร่ืองมือท่ี
ใชใ้ นการทางานหลากหลาย ซง่ึ ไดม้ ีการจดั กลมุ่ ของเคร่อื งมือท่ีมีลกั ษณะการทางานคลา้ ยกนั อยใู่ นกลมุ่ เดียวกนั
แบง่ กลมุ่ ยอ่ ยได้ 8 กลมุ่ ดงั นี้
2.5.3.1 กลมุ่ เคร่อื งมือสาหรบั การเลือกเพ่ือเคล่ือนยา้ ยวตั ถหุ รือภาพต่างๆ และสรา้ งขอบเขตพืน้ ท่ี
เพ่ือลบบางสว่ นออกจากภาพ
17
2.5.3.2 กลมุ่ เคร่อื งมือสาหรบั การตดั ภาพเพ่ือเลือกเฉพาะสว่ น และบนั ทกึ ไฟล์
ภาพเป็นภาพเลก็ ๆ ขนาดความจขุ องไฟลน์ อ้ ย เพ่ือใชง้ านบนเว็บไซต์ ดงั ตาราง
2.5.3.3 กลมุ่ เคร่ืองมือสาหรบั วดั คา่ เชน่ เก็บคา่ สีเพ่ือใชเ้ ปรยี บเทียบ การวดั ระยะ
การตรวจนบั ภาพ ดงั ตาราง
2.5.3.4 กลมุ่ เคร่อื งมือสาหรบั การระบายสีตา่ งๆ โดยมีแบง่ กลมุ่ ยอ่ ยตามลกั ษณะของ
การใชง้ านดา้ นตา่ งๆ เชน่ การระบายสี วาดเสน้ แปลงภาพเป็นภาพระบายสีนา้ หรอื การลงสีแบบไลโ่ ทนสี ดงั
ตาราง
2.5.3.5 กลมุ่ เคร่อื งมือสาหรบั การปรบั แตง่ ภาพ โดยแบง่ เคร่ืองมือออกเป็นกลมุ่ ยอ่ ยๆ ไดแ้ ก่ กลมุ่
การแกไ้ ขพืน้ ผวิ กลมุ่ สาหรบั การตดั ฉากหลงั กลมุ่ สาหรบั ปรบั ความคมชดั ภาพ และกลมุ่ สาหรบั การปรบั แตง่ สี
เฉพาะจดุ
2.5.3.6 กลมุ่ เคร่อื งมือสาหรบั สรา้ งเสน้ รูปทรงแบบ Vector สามารถบดิ เสน้ หรือดดั
รูปทรงไดโ้ ดยไมส่ ญู เสียรายละเอียด เชน่ การวาดภาพในกลมุ่ เคร่ืองมือ Pen Tool การสรา้ งตวั อกั ษร หรือการวาด
รูปทรงในกลมุ่ Shape
2.5.3.7 กลมุ่ เคร่อื งมือสาหรบั จดั การกบั มมุ ของภาพ เชน่ การเล่ือนดภู าพแตล่ ะสว่ น
การหมนุ ภาพไปในทิศทางตา่ งๆ และการมองภาพ
2.6 การสร้างไฟลภ์ าพใหม่และบนั ทกึ ไฟล์
การสรา้ งไฟลภ์ าพใหมน่ นั้ จะตอ้ งกาหนดขนาดของภาพก่อน เพ่ือระบขุ นาดของไฟลภ์ าพใชง้ านจรงิ ภาพนนั้
ท่ีทาการบนั ทึกไฟลจ์ ะมีคณุ ภาพของภาพแตกตา่ งกนั ตามประเภทของไฟลท์ ่ีบนั ทกึ
2.6.1 การสร้างไฟลภ์ าพใหม่ การสรา้ งไฟลภ์ าพใหมน่ นั้ จะตอ้ งกาหนดขนาดของภาพกอ่ น เพ่ือระบุ
ขนาดของไฟลภ์ าพใชง้ านจรงิ เม่ือมีการพิมพอ์ อกทางเคร่อื งพมิ พแ์ ลว้ ไดข้ นาดรูปภาพตาม ท่ีระบใุ นการสรา้ งไฟล์
ภาพใหม่ โดยการคลกิ ท่ีเมนู File New หรือ Ctrl + N จะปรากฏหนา้ ตา่ งท่ีใชส้ รา้ งไฟลภ์ าพใหม่ ซง่ึ มี
สว่ นประกอบ
โดยสามารถเลือกรูปแบบ หรือกาหนดคา่ ตา่ งๆ เชน่ ความกวา้ ง ความสงู และโหมด
การพมิ พข์ องภาพแตล่ ะรูปแบบมีความหมาย ดงั นี้
Name ตงั้ ช่ือไฟลภ์ าพใหม่
Preset กาหนดขนาดหนา้ ตา่ งการทางาน
Width กาหนดความกวา้ ง 30 Pixels
Pixels พกิ เซล
18
Inches นวิ้
Cm เซนตเิ มตร
Mm มิลลเิ มตร
Point จดุ
Picas ไพคะ
Columns สดมภ์
Height กาหนดความสงู 24 Pixels
Resolution กาหนดความละเอียดของภาพเป็น 72 Pixels
Color Mode กาหนดโหมดสีภาพเป็น CMYK Color
Bitmap แบบจดุ สี
Gray scale แบบขาวดา
RGB Color แบบ Additive
CMYK Color แบบใชก้ บั ส่งิ พิมพ์
Lab Color แบบไมค่ านงึ ถึงอปุ กรณท์ ่ีนามาใช้
Background Contents กาหนดสีพืน้ หนา้ ตา่ งเป็นสีขาว
White พืน้ หลงั สีขวา
Background Color พืน้ หลงั เป็นสีท่ีตงั้ ไว้
Transparent พืน้ หลงั โปรง่ แสง
ตวั อยา่ ง การกาหนดสีพืน้ ไฟลภ์ าพใหม่
White Background Color Transparent
2.6.2 การบันทกึ File คอื การบนั ทกึ File “ไฟล”์ ภาพนนั้ ท่ีทาการบนั ทกึ ไฟลจ์ ะมีคณุ ภาพของภาพ
แตกตา่ งกนั ตามประเภทของไฟลท์ ่ีบนั ทกึ โดยการเลือกประเภทของไฟลภ์ าพนนั้ ขนึ้ อย่กู บั ความเหมาะสมกบั งานท่ี
จะนารูปภาพมาประยกุ ตก์ บั โปรแกรมตา่ งๆ ในภายหลงั ดงั นี้
2.6.2.1 ไฟลน์ ามสกลุ .PSD (Photoshop) ไฟลท์ ่ีเก็บขนั้ ตอนการทางานไวโ้ ดยดจู าก Layer
การทางาน ซง่ึ สามารถนาไฟลไ์ ปปรบั ปรุงแกไ้ ขใหมไ่ ดท้ นั ที
2.6.2.2 ไฟลน์ ามสกลุ .TIFF (Tagged Image File Format) คอื ไฟลเ์ ก็บขนั้ ตอนการทางานไว้
ขอ้ ดขี องไฟลน์ ามสกลุ นี้ คือ ภาพมีความละเอียด เหมาะกบั งานดา้ นนิตยสาร
19
2.6.2.3 ไฟลน์ ามสกลุ .JPG และ .JPEG (Joint Photoshop Experts Group) คือ ไฟลม์ ี
ขนาดเล็กสามารถบบี อดั ขอ้ มลู ไดม้ ากเหมาะกบั งานดา้ นเวบ็ เพจ
2.6.2.4 ไฟลน์ ามสกลุ .GIF (Graphics Interchange Format) คอื ไฟลภ์ าพขนาดเลก็
เหมือนกบั ไฟลน์ ามสกลุ .JPG และ .JPEG แตเ่ หมาะกบั งานดา้ นภาพลายเสน้ มากกวา่
2.6.3 การบันทกึ ไฟลภ์ าพดว้ ยคาส่ัง Save คือ การบนั ทกึ ไฟลก์ อ่ นการทางานอ่ืนๆ ควรบนั ทกึ ไฟล์
ภาพใหเ้ รยี บรอ้ ยก่อนการปิดหรือเปิดไฟลภ์ าพอ่ืนการบนั ทกึ ไฟลภ์ าพ ขนั้ ตอนดงั นี้
1. เลือกเมนู File โดยคลิกท่ีเมนู File Save จะปรากฏหนา้ ตา่ งการบนั ทกึ
ไฟลด์ งั ภาพตอ่ ไปนี้
2. เลือกโฟลเดอรบ์ นั ทกึ ไฟล์ และพมิ พช์ ่ือไฟล์
3. คลกิ ป่มุ 2Save
2.6.4 การบันทกึ ไฟลภ์ าพดว้ ยคาส่ัง Save As คือ บนั ทกึ ไฟลภ์ าพกรณีท่ีตอ้ งการเปล่ียนช่ือการ
ทางานคลา้ ยกบั คาส่งั Save แตแ่ ตกตา่ งท่ี Save As จะใชเ้ ม่ือตอ้ งการเก็บไฟลภ์ าพท่ีตาแหนง่ ใหมห่ รือเม่ือ
ตอ้ งการเปล่ียนช่ือไฟลภ์ าพใหม่ ขนั้ ตอนดงั นี้
เม่ือนาเมาสค์ ลิกป่มุ Save (บนั ทกึ ไฟลน์ ามสกลุ .JPEG) จะปรากฏหนา้ ตา่ ง
ปรบั เปล่ียนคณุ ภาพของไฟลภ์ าพ โดยการกาหนดคา่ Image Options) ดงั นี้
Quality คือ คณุ ภาพของไฟลป์ ระกอบดว้ ย
Low ไฟลค์ ณุ ภาพต่า
Medium คณุ ภาพปานกลาง
High ไฟลค์ ณุ ภาพดี
Maximum ไฟลค์ ณุ ภาพดสี งู สดุ
Small File/Large File การปรบั ขนาดไฟลภ์ าพ โดยถา้ ลากแถบเล่ือนไปดา้ นซา้ ยไฟลภ์ าพมีขนาด
เลก็ แตถ่ า้ เล่ือนไปดา้ นขวาไฟลภ์ าพจะมีขนาดใหญ่
Format Options คือ คณุ สมบตั ไิ ฟลร์ ูปภาพ ประกอบดว้ ย
Baseline (“Standard”) กาหนดเป็นไฟลแ์ บบมาตรฐานสามารถรองรบั บราวเซอรไ์ ดห้ ลายบรษิ ัท
Baseline Optimized กาหนดเป็นไฟลแ์ บบลดคณุ ภาพของสีลง แตใ่ ชไ้ ดก้ บั บางบราวเซอร์
Progressive กาหนดไฟลแ์ บบแสดงภาพขนึ้ มาทีละนดิ ขณะโหลด
ไฟล์ ใชไ้ ดก้ บั บางบราวเซอร์
Size คือ ขนาดของไฟลร์ ูปภาพซง่ึ เร่มิ ท่ี 14.4 Kbps ถงึ 2 Mbps
1. นาเมาสค์ ลกิ ป่มุ OK
2.6.5 การบันทกึ ไฟลภ์ าพ Adobe Photoshop (.PSD) การแกไ้ ขไฟลภ์ าพ โดยการสรา้ งภาพกราฟิก
เชน่ การตดั ตอ่ ภาพ การเพ่ิมขนาด หรือเปล่ียนแปลงลกั ษณะไฟลท์ ่ีมีผลกบั โครงสรา้ งเดมิ
ของภาพ เม่ือมีการเลือกคาส่งั File Save แสดง Dialog box ตรงเมนู Save As ขนึ้ โดยเลือกรูปแบบของ
20
ไฟลภ์ าพเป็น Adobe Photoshop (*.PSD, * .PDD) เป็นคา่ พืน้ ฐาน
คณุ สมบตั ขิ องไฟลด์ งั กลา่ วคือ เก็บรายละเอียดการทางานตา่ งๆ เชน่ Layer รูปแบบอกั ษร และรูปแบบเสน้
พาธไวไ้ ดอ้ ยา่ งครบถว้ นชว่ ยใหก้ ารนาไฟลภ์ าพกลบั มาแกไ้ ขทาไดง้ ่าย ในขณะท่ีไฟลป์ ระเภทอ่ืนจะเก็บขอ้ มลู เหล่านี้
ไมไ่ ด้ หรือไดเ้ พียงบางสว่ น
2.6.6 การเปิ ดไฟลภ์ าพ คอื การเปิดไฟลภ์ าพสามารถทาไดห้ ลายวธิ ีขนึ้ อยกู่ บั ความตอ้ งการของผใู้ ชจ้ ะ
เลือกใชว้ ธิ ีใด เชน่ วธิ ีการเปิดไฟลภ์ าพจากเมนู File ดงั นี้
2.6.6.1 การเปิดไฟลจ์ ากเมนไู ฟล์ ขนั้ ตอนดงั นี้
1. คลกิ เมนู File Open หรอื กดคียล์ ดั Ctrl + O จะปรากฏ
หนา้ ตา่ งๆ Open
2. ชอ่ ง Look in เลือก Drive และโฟลเดอรท์ ่ีเก็บไฟล์
3. ดตู วั อยา่ งภาพและคลิกเลือกช่ือไฟลจ์ ากรายการ
4. คลิกป่มุ Open
2.6.6.2 การเปิดไฟลภ์ าพ Adobe Photoshop (PSD) คอื การเปิดไฟลโ์ ปรแกรม วิธีเรยี กใช้
เหมือนการเปิดไฟลภ์ าพท่วั ไป แตไ่ มส่ ามารถมองเหน็ ตวั อยา่ งไฟลภ์ าพทงั้ หมดในกรอบรายการไฟล์ แตต่ อ้ งคลกิ เลือก
ไฟลก์ ่อนแลว้ ดตู วั อยา่ งท่ีดา้ นลา่ งแทน (สามารถคลิกเลือกไฟลค์ รงั้ ละ 1 ภาพ) แตเ่ ม่ือเปิดไฟลภ์ าพขนึ้ มาแลว้ บนพา
เลต Layer นนั้ จะแสดง Layer ทงั้ หมด และสามารถแกไ้ ขตอ่ ได้ โดยแสดงภาพใน Layer เป็น
2.6.6.3 การเปิดไฟลภ์ าพอยา่ งรวดเรว็ ดว้ ยคาส่งั Open Recent เป็นคาส่งั การเปิดไฟลภ์ าพอยา่ ง
รวดเรว็ ซ่งึ เก็บช่ือไฟลภ์ าพท่ีเคยเปิดใชง้ านแลว้ กอ่ นหนา้ นนั้ 10 ไฟล์ โดยคลกิ ท่ีเมนู File Open Recent
ปรากฏช่ือไฟลต์ า่ งๆ แลว้ คลิกเลือกไฟลท์ ่ีตอ้ งการ
2.6.7 การปิ ดไฟลภ์ าพ คือ การปิดไฟลภ์ าพการทางานในโปรแกรมจาก Adobe Photoshop เสรจ็ สิน้ แลว้
สามารถเลือกปิดไฟลภ์ าพท่ีทางานอยไู่ ดห้ ลากหลายวธิ ี เชน่ คลิกเคร่ืองหมาย หรอื คลิกจากเมนคู าส่งั ไฟล์ ดงั นี้
2.6.7.1 นาเมาสค์ ลกิ เคร่ืองหมาย ในหนา้ ตา่ งไฟล์
2.6.7.2 เรียกใชค้ าส่งั จากเมนไู ฟล์ คอื การปิดไฟลภ์ าพท่ีเปิดใชง้ านใน
ปัจจบุ นั วิธีการ
21
5. การวัดผลและประเมินผล
วิธีวัด เคร่ืองมอื เกณฑ์
-การสงั เกต -การสงั เกต -ตอบไดถ้ กู ตอ้ ง
-ผา่ นเกณฑ์ 60%
-การใชข้ อ้ คาถาม -ขอ้ คาถาม
-ตอบไดถ้ กู ตอ้ ง
-การทดสอบ -แบบทดสอบ
-การสงั เกต -การสงั เกต
-การใชข้ อ้ คาถาม -ขอ้ คาถาม
22
6. บันทกึ หลังการสอน หนว่ ยท่ี.............. ภาคเรียนท่ี.............. ปีการศกึ ษา..............
1) ผลการสอน
...........................................................................................................................................................................
...........................................................................................................................................................................
...........................................................................................................................................................................
2) ปัญหา/อุปสรรค
...........................................................................................................................................................................
...........................................................................................................................................................................
...........................................................................................................................................................................
3) ข้อเสนอแนะและแนวทางแก้ไข
..................................................................................................................................................................
..................................................................................................................................................................
..................................................................................................................................................................
ลงช่ือ
(นายมนตธ์ ร สาระบรู ณ)์
ตาแหนง่ ครูจา้ งสอนประจารายเดือน
7. ข้อเสนอแนะของหวั หน้าสถานศกึ ษาหรอื ผู้ทไี่ ด้รับมอบหมาย (ตรวจ/นิเทศ/เสนอแนะ/รับรอง)
...........................................................................................................................................................................
...........................................................................................................................................................................
................................................................................................................................................
ลงช่ือ
(นางสาวจามมจั จลุ ี มีศลิ ป์ )
ตาแหนง่ รองผอู้ านวยการฝ่ายวิชาการ
23
แผนการจัดการเรียนรู้ หน่วยที่ 3
ชื่อวชิ า โปรแกรมกราฟิก สอนสัปดาหท์ ่ี 4-5
สอนครั้งท่ี 4-5
ชือ่ หน่วย มมุ มองภาพและการตกแตง่ ภาพดว้ ย Layer
ช่อื เร่ือง มมุ มองภาพและการตกแต่งภาพดว้ ย Layer จานวนช่ัวโมง 8
1. สาระสาคัญ
การแกไ้ ขภาพการจดั มมุ มองภาพเพ่ือความแมน่ ยาในการวางตาแหนง่ ภาพใหไ้ ดอ้ งคป์ ระกอบภาพ
เหมาะสมตอ้ งวางภาพในรูปแบบการวางแยกแตล่ ะ Layer “เลเยอร”์ ทาใหก้ ารแกไ้ ขภาพทาไดง้ า่ ยไมส่ ง่ ผลกระทบตอ่
ภาพใน Layer อ่ืนๆ การลบภาพสามารถลบ Layer ไดท้ นั ที และภาพท่ีมีลกั ษณะกลมุ่ เดียวกนั สามารถรวม Layer
เขา้ ดว้ ยกนั เม่ือมีการสรา้ งองคป์ ระกอบของภาพเหมาะสมแลว้ และการกาหนดความโปรง่ ใสของภาพเพ่ือเพ่มิ ความ
นมุ่ นวลของภาพ
2. สมรรถนะประจาหน่วย
สรา้ งและตกแตง่ ภาพดว้ ยโปรแกรมกราฟิก
3. จุดประสงคก์ ารเรียนรู้
1. กาหนดมมุ มองและการยอ่ หรือขยายภาพได้
2. อธิบายขนั้ ตอนการใชง้ าน Layer ได้
3. ปรบั สี ปรบั แสง และแตง่ ภาพดว้ ย Layer ได้
4. ปรบั ขนาดของภาพได้
5. มีคณุ ธรรมและความซ่ือสตั ย์
งานพฒั นาหลกั สูตรการเรียนการสอน ฝ่ ายวชิ าการ วทิ ยาลยั อาชีวศกึ ษาพษิ ณุโลก
24
4. สาระการเรียนรู้
ภาพกราฟิกมีการวางภาพตอ้ งอาศยั พาเลต Layer จดั รูปแบบภาพและเคร่อื งมือตา่ งๆ เพ่ือความสะดวกตอ่
การใชง้ าน และสามารถกาหนดรูปแบบของไฟลภ์ าพใหเ้ หมาะสม เชน่ ไฟลภ์ าพสาหรบั การพิมพ์ และการเลือก
รูปแบบการพมิ พภ์ าพ
3.1 การกาหนดมุมมองและการย่อหรอื ขยายภาพ
คาส่งั การยอ่ ภาพและขยายภาพดว้ ยเคร่อื งมือ การเปิดพาเลตขนึ้ มากาหนดขนาดการแสดงภาพและเลือก
จดุ ท่ีตอ้ งการแสดงไดไ้ มต่ อ้ งเปล่ียนเคร่อื งมือบอ่ ยๆ
3.1.1 การยอ่ หรอื การขยายภาพ คือ คาส่งั สาหรบั การขยายไฟลภ์ าพ เพ่ือดรู ายละเอียดของภาพท่ี
เปิดใชง้ านใหช้ ดั เจนมากย่งิ ขนึ้ เชน่ การยอ่ ภาพและขยายภาพดว้ ยเมนู View และการใชเ้ คร่ืองมือZoom Tool
ขนั้ ตอนดงั นี้
3.1.1.1 การยอ่ และขยายรูปภาพดว้ ยเมนู View มี 2 วิธี ดงั นี้
1) การย่อภาพจากเมนคู าส่งั เชน่ คลิกท่ีเมนู View Zoom out หรือเรียก
ใชค้ ียล์ ดั เชน่ กดป่มุ Ctrl + – ท่ีแปน้ พิมพ์ ถา้ กดซา้ อีกภาพจะมีขนาดเล็กลงไปอีก
2) การขยายรูปภาพจากเมนคู าส่งั เชน่ คลกิ ท่ีเมนู View Zoom In หรอื เรียก
ใชค้ ยี ล์ ดั เชน่ กดป่มุ Ctrl + + + ท่ีแปน้ พิมพ์ ถา้ กดซา้ อีกภาพจะมีขนาดใหญ่ขนึ้ อีก
3.1.1.2 การยอ่ ภาพและขยายภาพดว้ ยเคร่ืองมือ (Zoom Tool) คือ การยอ่ และขยายภาพ
โดยคลิกเคร่อื งมือ แลว้ กาหนดคณุ สมบตั เิ คร่ืองมือในออปชนั บาร์
วธิ ีการยอ่ และขยายภาพดว้ ยเคร่อื งมือ Zoom Tool ดงั นี้
1) คลกิ เคร่อื งมือ รูปเมาสพ์ อยเตอรจ์ ะเปล่ียนแปลงไปเป็นรูปแวน่ ขยาย
และเคร่อื งมือมีเคร่อื งหมาย + จากนนั้ คลกิ ท่ีรูปภาพท่ีตอ้ งการขยาย
2) การย่อขนาดภาพโดยกดป่มุ Alt ท่ีแปน้ พิมพร์ ูปเมาสพ์ อยเตอรเ์ ปล่ียนเป็น
รูปแวน่ ขยาย เมาสม์ ีเคร่ืองหมาย – จากนนั้ คลิกภาพท่ีตอ้ งการยอ่ ขนาด
การขยายภาพดว้ ยเคร่ืองมือ ไดแ้ ลว้ ยงั สามารถใชค้ าส่งั อ่ืนๆ เชน่ คียล์ ดั
ขยายภาพเป็นขนาด 100 % ไดง้ ่ายๆ โดยการกดป่มุ Ctrl + Alt + 0 หรือยอ่ ขนาดภาพใหเ้ ตม็ จอภาพพอดี
โดยกดป่มุ Ctrl + 0
การยอ่ ภาพหรือการขยายภาพท่ีนยิ มอีกวธิ ีหนง่ึ คือ การใชพ้ าเลต Navigator การขยายภาพ โดยคลิก
เรียกใชไ้ ดจ้ ากเมนู คลิก Window Navigator คอื การเปิดพาเลตขนึ้ มากาหนดขนาดการแสดงภาพ และเลือก
จดุ ท่ีตอ้ งการแสดงไดไ้ มต่ อ้ งเปล่ียนเคร่อื งมือบอ่ ยๆ
3.1.2 การเลื่อนดูภาพด้วยเคร่ืองมอื (Hand Tool) คือ การเล่ือนดภู าพในสว่ นตา่ งๆโดยคลิกท่ี
25
เคร่อื งมือ แลว้ คลกิ เมาสค์ า้ งท่ีภาพ แลว้ ดงึ เมาสเ์ ล่ือนดทู ีละส่วนของภาพ
ในตาแหนง่ ท่ีตอ้ งการ
เม่ือนาเมาสว์ างท่ีภาพ โดยเมาสจ์ ะเป็นรูปมือ ซ่งึ สามารถใชเ้ มาสน์ ีค้ ลิกเล่ือนดภู าพตามตาแหนง่ ท่ี
คลกิ เมาสล์ งไป (โดยวธิ ีการดงึ เมาสเ์ ล่ือนภาพมา ณ จดุ ท่ีตอ้ งการดภู าพ) เคร่ืองมือดงั กลา่ วจะใชไ้ ดก้ ็ตอ่ เม่ือขยาย
รูปภาพนนั้ ๆ ใหม้ ีขนาดใหญ่กวา่ หนา้ ตา่ งโปรแกรมจงึ จะสามารถ
เล่ือนดภู าพสว่ นอ่ืนๆ ได้
3.2 การตกแตง่ ภาพดว้ ยพาเลต Layer
พาเลต Layer คือ การลาดบั ภาพ การตกแตง่ ภาพสามารถใชค้ าส่งั ตกแตง่ แกไ้ ขภาพบางสว่ นของภาพได้
เชน่ คาส่งั ในการแกไ้ ขภาพ ปรบั แตง่ ภาพ ลบภาพ สามารถทาไดโ้ ดยไมส่ ง่ ผลกระทบกบั ส่วนอ่ืนๆ ของภาพ โดย
อาศยั การทางานของพาเลต Layer ท่ีสามารถควบคมุ ภาพแยกเป็นสว่ นๆ และสามารถสรา้ งภาพท่ีมีการวางซอ้ นทบั
กนั
3.2.1 วธิ ีการเรียกใช้พาเลต Layer มีวิธีการเรียกใชจ้ ากเมนู Window แลว้ เลือกพาเลต Layer
ขนั้ ตอนดงั นี้
1. คลกิ ท่ีเมนู Window Layer หรือ กดป่มุ F7
2. คลิกเลือกพาเลต Layer
3.2.2 ส่วนประกอบของพาเลต Layer การสรา้ งภาพนนั้ จาเป็นตอ้ งอาศยั ความรูเ้ ก่ียวกบั การใชพ้ า
เลต Layer เชน่ การใส่ Effects การสรา้ ง Layer Mask และการซอ่ น Layer เพ่ือดผู ลลพั ธใ์ นลกั ษณะตา่ งๆ โดย
สว่ นประกอบของ Layer ท่ีสาคญั
3.2.3 พาเลต Layer คอื ลาดบั ขนั้ ตอนการวางภาพแบบหนงั สือซอ้ นทบั กนั จานวนหลายๆ เลม่ โดยวตั ถทุ ่ี
อยดู่ า้ นบนสดุ จะบงั ทบั วตั ถทุ ่ีอยดู่ า้ นลา่ ง และถา้ หากวตั ถทุ ่ีอยดู่ า้ นบนสดุ มีการเจาะทะลผุ า่ นจะสามารถมองเห็น
วตั ถทุ ่ีอย่ดู า้ นลา่ งท่ีมีการวางซอ้ นทบั กนั หลายๆ ภาพ การวางภาพไมค่ วรอย่ใู น Layer เดยี วกนั เพ่ือสะดวกในการ
แกไ้ ขภาพ เชน่ การลบภาพ และการกาหนดความโปรง่ ใสของภาพการวางภาพแบบมีลาดบั ก่อนหลงั การใสส่ ีเสน้
และการใส่ Effects
3.2.4 การจัดการเบอื้ งต้นกับ Layer คือ การจดั การเบือ้ งตน้ ในการสรา้ ง Layer ใหมเ่ พ่ือใชร้ ะบายสี
การปรบั แตง่ คา่ อ่ืนๆ ท่ีไมต่ อ้ งการใหเ้ ปล่ียนแปลงภาพใน Layer เดมิ และการลบ Layer ท่ีไมต่ อ้ งการ ดงั นี้
3.2.4.1 การสรา้ ง Layer ใหม่ คือ คลกิ ท่ี Create a new Layer
3.2.1.2 การสรา้ ง Layer ใหม่ คือ คลิกเมนู Layer New Layer หรอื ป่มุ
Shift + Ctrl + N ซง่ึ สามารถกาหนดออปชนั เพ่มิ เตมิ ให้ Layer ใหมท่ ่ีสรา้ งได้ ขนั้ ตอนดงั นี้
1. คลกิ เมนู LayerNew Layer หรือกดป่มุ Shift + Ctrl + N
เพ่ือเปิดหนา้ ตา่ ง New Layer
26
2. ตงั้ ช่ือให้ Layer ท่ีสรา้ งขนึ้
3. คลิกเลือกสีของ Layer เพ่ือแยกกลมุ่ หรือประเภทของ Layer ท่ีทางาน
4. ได้ Layer ใหม่ ท่ีมีช่ือและสี Layer ตามท่ีกาหนด Layer ท่ีสรา้ งแลว้ ตอ้ งการ
เปล่ียนช่ือ Layer ใหมใ่ นภายหลงั คือ การดบั เบลิ คลิก
บนช่ือ Layer เดมิ แลว้ สามารถตงั้ ช่ือให้ Layer ใหมไ่ ดท้ นั ทีการตงั้ ช่ือทาเพ่ือสะดวกในการคน้ หา Layer ใน
ภายหลงั
3.2.1.3 การสรา้ งสาเนา Duplicate Layer คอื การคดั ลอก Layer เพ่มิ จาก Layer เดมิ การ
ตกแตง่ ภาพบางครงั้ จาเป็นตอ้ งนาภาพใน Layer เดมิ มาทดลองปรบั แตง่ แกไ้ ขกอ่ น เพ่ือปอ้ งกนั ความเสียหายของ
ภาพตน้ ฉบบั ซ่งึ เราเรียกวิธีการนีว้ า่ การการสรา้ งสาเนา Layer
3.2.1.4 การลบ Delete layer คอื การลบ Layer ท่ีไมต่ อ้ งการ ดงั นี้
1) การลบแบบถามซา้ การลบดว้ ยวธิ ีนีค้ าส่งั จะถามซา้ อีกครงั้ เพ่ือ
ความแนใ่ จก่อนลบทงิ้ การลบ Layer โดยการแดรกเมาสม์ าวางท่ีป่มุ การลบผใู้ ชส้ ามารถเลือก Layer แลว้
แดรกเมาสไ์ ปวางท่ีป่มุ Delete layer ไดท้ นั ที โดยคาส่งั จะไมถ่ ามซา้ วา่ ตอ้ งการลบหรือไมท่ าใหภ้ าพนนั้ ลบไป
ทนั ที
2) การลบ Layer แบบรวดเรว็ เม่ือตอ้ งการลบ Layer แบบรวดเรว็ นนั้ ผใู้ ชส้ ามารถ
คลกิ เลือก Layer แลว้ กดป่ มุ Delete บนแปน้ พิมพ์
3.2.1.5 การสลบั ลาดบั Layer ดว้ ยคาส่งั Layer Order คอื สลบั ตาแหนง่ วางภาพใน
Layer เพ่ือเปล่ียนลาดบั การซอ้ นทบั ภาพ โดยคลิกเมาสเ์ ลือก Layer ท่ีตอ้ งการสลบั แลว้ สงั เกตเมาสจ์ ะเปล่ียนเป็น
รูปมือ แลว้ แดรกเมาสไ์ ปวาง ณ ตาแหนง่ ท่ีตอ้ งการวางภาพ เชน่ การนาภาพ Layer 2 วางไวด้ า้ นบนของ Layer
4 ใหส้ งั เกตเสน้ ทึบเป็นสีนา้ เงินท่ีเกิดขนึ้ ซง่ึ จะเป็นจดุ ท่ีสามารถปล่อยเมาสว์ างภาพ ณ ตาแหนง่ ท่ีตอ้ งการวาง
3.2.1.6 การรวม Layer ดว้ ยคาส่งั Merge Layer คอื การรวมภาพแตล่ ะภาพใน Layer ภาพท่ี
ตกแตง่ เรยี บรอ้ ย หรือ Layer ภาพท่ีมีรูปแบบใกลเ้ คยี งกนั สามารถรวมภาพนนั้ ใหเ้ ป็น Layer เดียวกนั ได้ เพ่ือลด
จานวน Layer ของภาพ ดงั นี้
1) รวม Layer ดว้ ยคาส่งั Merge Down คอื การรวม Layer ภาพท่ีอยู่
ดา้ นบนกบั Layer ดา้ นลา่ ง คลิกเลือก Layer 3 แลว้ คลิกขวา เลือกคาส่งั Merge Down (คลิก Layer1 Merge
Down)
2) การรวม Layer ตา่ งๆ ท่ีไมไ่ ดซ้ อ่ นดว้ ยคาส่งั Merge Visible คือ การรวม Layer
ทงั้ หมดยกเวน้ Layer ท่ีซอ่ น คลกิ เมนู Layer เลอื ก Merge Visible หรือกดป่มุ
Shift + Ctrl + E
3) การรวม Layer ท่ีเลือก คือการเลือก Layer ภาพท่ีตกแตง่ เรียบรอ้ ยแลว้
27
ท่ีตอ้ งการรวม โดยการคลิกแดรกเมาสเ์ ลือก Layer กอ่ นแลว้ จงึ กดป่มุ Ctrl + E เพ่ือรวม Layer เพ่ือเป็นภาพ
เดียวกนั
4) การรวม Layer ทงั้ หมดเป็น Layer ใหม่ คือ การรวม Layer ทงั้ หมดแลว้
สรา้ งเป็น Layer ใหม่ โดยเลือก Layer อยบู่ นสดุ กดป่มุ Ctrl + Alt + Shift + E เพ่ือรวม Layer ทงั้ หมด
เป็น Layer ใหม่ ภาพท่ีรวม Layer ใหมอ่ ยดู่ า้ นบนสดุ การคดั ลอกภาพใน Layer ไปใชง้ านกบั ภาพอ่ืนๆ จะทาได้
งา่ ยสามารถคดั ลอกไปวางในภาพใหมไ่ ดท้ งั้ หมด แตถ่ า้ ไมม่ ีการรวมLayer ตอ้ งคดั ลอกภาพทงั้ หมดมาวางในภาพ
อ่ืน จานวนครงั้ มาก ถึงจะไดภ้ าพครบทกุ ภาพ
3.3 การปรับสี ปรับแสง และแต่งภาพดว้ ย Layer
การกาหนดความโปรง่ ใสของภาพในพาเลต กาหนดความโปรง่ ใสเฉพาะภาพ แต่ Effectsไมม่ ีการเปล่ียนแปลง
เชน่ Effects คือ เสน้ ขอบยงั คงเดมิ ไมม่ ีการเปล่ียนแปลง
3.3.1 การกาหนดความโปร่งใสด้วยคาส่ัง Opacity ของภาพ คือ การกาหนดความโปรง่ ใสของภาพใน
พาเลต Layer สามารถทาได้ 2 แบบ คือ การกาหนดคา่ Opacity และกาหนดคา่ Fill ใน Layer โดยการลดคา่
Opacity ทาใหภ้ าพ และ Effects ใน Layer ดโู ปรง่ ใสแตถ่ า้ กาหนดคา่ Fill จะทาใหภ้ าพใน Layer โปรง่ ใส แต่
Effects จะยงั คงคา่ เหมือนเดมิ
การกาหนดคา่ Opacity คอื ภาพทงั้ หมดมีความโปรง่ ใส โดยตอ้ งเลือก Layer ภาพก่อนแลว้ คลิกเมาส์
กาหนดคา่ Opacity เป็น 50 % ลกั ษณะภาพ และ Effects จะเบลอ
การกาหนดคา่ Fill คือ กาหนดความโปรง่ ใสเฉพาะภาพ แต่ Effectsไมม่ ีการเปล่ียนแปลง เชน่ Effects คือ
เสน้ ขอบยงั คงเดมิ ไมม่ ีการเปล่ียนแปลง
ตัวอยา่ ง การลดคา่ Fill ลดลง 0 % ภาพใน Layer จะถกู ปรบั จางหายไป แต่ Effects คือเสน้ ขอบยงั คง
เดมิ
3.3.2 การผสมสี Layer ดว้ ยคาส่ัง Layer Blend Mode คอื การผสมสีระหวา่ ง Layer โดยวิธีการ
ผสมสีภาพใน Layer ปัจจบุ นั เขา้ กบั Layer ดา้ นลา่ ง ทาใหภ้ าพเป็นสีพเิ ศษ เพ่ือใชส้ รา้ ง Effectsหรอื เปล่ียนมมุ มอง
ของภาพในลกั ษณะตา่ งๆ ได้ ภาพทงั้ หมดในแตล่ ะLayer ไมม่ ีการเปล่ียนแปลงแตอ่ ย่างใดการผสมสีแบบ Layer มี
โหมดใหเ้ ลือกหลายรูปแบบสามารถเลือกใชต้ ามความเหมาะสม ดงั นี้
3.3.2.1 กลมุ่ การผสมสีใหม้ ืดลง คอื การผสมสีของ Layer กลมุ่ นีจ้ ะใชว้ ธิ ีเปรยี บเทียบความสวา่ งของ
พืน้ สีทงั้ สองแลว้ แสดงสว่ นของสีท่ีมีความเขม้ กวา่ ของภาพใน Layer บน และสว่ นท่ีมืดกวา่ ของภาพใน Layer ลา่ ง
กลมุ่ การผสมสีใหม้ ืดลง ดงั นี้
1) Darken คอื การเปรียบเทียบความสวา่ งของพืน้ ท่ีสีทงั้ สอง Layer แลว้ แสดงสว่ นของสีท่ีสวา่ ง
กวา่ ของภาพ Layer ดา้ นบน แตไ่ มม่ ีผลกบั สว่ นท่ีมืดกว่า
2) Multiply คอื การผสมสีระหวา่ ง Layer ทงั้ สองเหมือนกบั การซอ้ นฟิลม์ สไลด์ 2 แผน่ ท่ีฉายบน
28
โปรเจคเตอร์
3) Color Burn คอื การผสมสีใน Layer ทงั้ สอง โดยการเพ่ิมคา่ ของความเขม้ ของ Layer บน
เม่ือผสมกนั ผลลพั ธข์ องภาพจะมืดลง
4) Linear Burn คอื การผสมสี Layer ทงั้ สอง ลดคา่ ความสว่างลงผลลพั ธท์ ่ีไดภ้ าพจะมืดลงแต่
จะไมม่ ีผลกบั สีขาวบน Layer
5) Darker color คอื การเทียบสีในแตล่ ะ Layer ท่ีนามาผสมกนั แลว้ นาสีไปผสมกบั สีพืน้ ฐานและ
แสดงคา่ ต่าสดุ ของสีออกมา
การผสมสีในกลมุ่ มืดลง คือ การนาภาพจานวน 2 ภาพ ผสมสีระหวา่ งกนั และวางใน Layer ตา่ งกนั
3.3.2.2 การผสมสีใหส้ วา่ งขนึ้ คือ การผสมสีของ Layer ภาพมีความสวา่ งเพ่มิ ขนึ้
ซ่งึ คาส่งั ในการผสมสีกลมุ่ ดงั กลา่ ว ดงั นี้
1) Lighten คือ การเทียบสีในแตล่ ะพาเลตของแตล่ ะ Layer การนาภาพ
นามาผสมแลว้ เลือกสีสวา่ งกวา่ มาแสดง แตไ่ มม่ ีผลกบั สว่ นท่ีสว่างอยแู่ ลว้
2) Screen คอื การผสมสีภาพใน Layer ทงั้ สองเหมือนการถ่ายภาพ 2 ภาพ
บนเฟรมเดยี วกนั ซ่งึ จะทาใหส้ วา่ งขนึ้
3) Color Dodge คือ การผสมสีและปรบั สีภาพใหส้ วา่ งเพ่ิมมากขนึ้
โดยขนึ้ อยกู่ บั คา่ สีใน Layer บน (จะใหผ้ ลตรงกนั ขา้ มกบั Color Burn)
4) Linear Dodge คือ การผสมสีและปรบั ภาพใหส้ ว่างขนึ้ โดยขนึ้ อยกู่ บั
คา่ สีใน Layer บนสาหรบั ในสว่ นท่ีสวา่ งอยแู่ ลว้ ก็จะสวา่ งมากย่งิ ขนึ้
5) Lighter Color คือ การผสมสีและปรบั สีของภาพใหส้ วา่ งขนึ้ เกิดจาก
การเปรียบเทียบคา่ ของแชนเนลสีมาผสมกบั สีหลกั บนภาพ และนาคา่ สีท่ีมากท่ีสดุ มาแสดงแตจ่ ะไมม่ ีผลกบั ภาพสว่ น
ท่ีสวา่ งอยแู่ ลว้ และทาใหบ้ างสีหายไป
3.3.2.3 การผสมสี Layer โดยการเปรยี บเทียบสี คอื การผสมสีของ Layer นาคา่ ของสีทงั้
สอง Layer มาหกั ลบกนั ใหผ้ ลลพั ธภ์ าพท่ีมืดลงหรอื สวา่ งขนึ้ โดยจะขนึ้ กบั สีของภาพใน Layer บน และ Layer
ลา่ งเกิดภาพสีสวยสด แปลกตา และนา่ สนใจ ประกอบดว้ ยคาส่งั ดงั นี้
1) Overlay คอื วธิ ีการผสมผสานสีแบบ Multiply และสกรนี เขา้ ดว้ ยกนั โดยภาพจะมืด
หรอื สวา่ ง ขนึ้ อยกู่ บั สีใน Layer ลา่ ง
2) Soft Light คือ การฉายภาพ Layer บนซอ้ น Layer ลา่ งดว้ ยแสงไฟออ่ นๆ ซ่งึ จะ
ทาใหภ้ าพสวา่ งและกลมกลืนกนั
3) Hard Light คือ การฉายภาพ Layer บนซอ้ น Layer ลา่ งดว้ ยแสงไฟแรงๆ โดยจะ
ใหผ้ ลเหมือนการทาไฮไลทบ์ นภาพ
4) Vivid light คือ การผสมสีภาพใหม้ ีลกั ษณะคลา้ ยกบั คลั เลอร์ เบลอ และคลั เลอร์ ดร
อปหากภาพมีความสวา่ งมากกวา่ สีเทา 50% จะลดความสวา่ งลง แตถ่ า้ ภาพมีความมืดมากกวา่ สีเทา 50% จะ
29
เพ่มิ ความสวา่ งขนึ้
5) Linear Light คอื มีลกั ษณะเหมือนกบั การใช้ Linear Burn และ Linear Dodge โดย
ปรบั ภาพสว่ นท่ีสวา่ งอยแู่ ลว้ ใหส้ วา่ งขนึ้ และปรบั ภาพสว่ นท่ีมืดอยแู่ ลว้ ใหม้ ืดขนึ้ ทาใหภ้ าพมีสีเขม้ ขนึ้
6) Pin Light คือ การผสม Layer ใหด้ กู ลมกลืนกนั ทงั้ สอง Layer ถา้ ภาพใน Layer
บนสีออ่ นกวา่ สีเทา 50% ก็จะถกู แทนท่ีดว้ ยสีของ Layer ลา่ งแทน
7) Hard Mix คือ การผสม Layer ใหก้ ลมกลืนกนั โดยการเพ่ิมคา่ สีแดง สีเขียว และสีนา้
เงินผสมกบั สีหลกั บนภาพในสว่ นท่ีเขม้ และแทนท่ีสีท่ีอยดู่ า้ นลา่ งสาหรบั สว่ นท่ีเป็นสีออ่ นจะแทนท่ีดว้ ยสีขาวแทน
3.3.2.4 การผสมสีตามองคป์ ระกอบโมเดลสี คอื การผสมสีของ Layer โดยการนาคา่ ของสีทงั้ สอง
มาหกั ลบกนั ตามคา่ ของโมเดลสี ทาใหภ้ าพออกมาในลกั ษณะดงั นี้
1) Difference คอื การเทียบสีและนาคา่ ของสีมาลบกนั ทาใหภ้ าพบางสว่ นกลายเป็นสี
ตรงขา้ ม คอื สว่ นท่ีมืดจะปรบั ใหส้ วา่ ง ส่วนท่ีสวา่ งจะปรบั ใหม้ ืดลง
2) Exclusion คือ คลา้ ยกบั การผสมสีดว้ ยโหมด Difference โดยจะปรบั สว่ นท่ีสวา่ งให้
เป็นสีตรงขา้ ม แตจ่ ะไมม่ ีผลกบั สีสว่ นท่ีมืด
3) Subtract คือ การนาขอ้ มลู ของสีมาหกั ลบกนั โดยดจู ากสีเลขฐานในภาพ 8 บติ และ
16 บิต ทาใหภ้ าพบางสว่ นมืดและบางสว่ นสวา่ ง
4) Divide คอื การนาขอ้ มลู ของสีแตล่ ะคา่ มาหารกนั จากสีพืน้ ฐานท่ีผสมกนั
3.3.2.5 การผสมสีในกลมุ่ สีความสดและความสวา่ ง คือ การผสมสีท่ีมีความสด ทาใหภ้ าพ
ออกมาในลกั ษณะดงั นี้
1) Hue คือ การผสมสีระหว่าง Layer ทงั้ สอง โดยการสรา้ งความสวา่ ง
และสรา้ งความอ่มิ สี ซ่งึ ทาใหภ้ าพเป็นสีเขม้ ขนึ้
2) Saturation คือ การผสมสีระหวา่ งภาพใน Layer ทงั้ สอง
โดยการสรา้ งความสวา่ ง สรา้ งคา่ สี และความอ่มิ ตวั ของสี เพ่ือทาใหภ้ าพดา้ นลา่ งมีความอ่มิ ตวั ของสีแตไ่ มม่ ีผลกบั
สว่ นท่ีเป็นสีเทาในภาพลา่ ง
3) Color คือ การผสมสีภาพของ Layer ตา่ งๆ ท่ีทาใหก้ ลมกลืนกนั
คลา้ ยๆ กบั โหมดสี Hue โดยการผสมสีของทงั้ สองจะรกั ษาความอ่มิ ตวั ของสีสว่ นท่ีเป็นสีเทาในภาพ
4) Luminosity คอื การผสมสีภาพของ Layer โดยการนาคา่ และ
ความอ่มิ ตวั ของสี Layer ภาพท่ีอยดู่ า้ นลา่ งมาเป็นฐานและเพ่มิ ความสวา่ งในสีท่ีผสมกนั มีผลกบั ภาพดา้ นบนทาให้
ภาพดกู ลมกลืนกนั
3.3.2.6 เทคนิคการปรบั สีภาพ คอื การปรบั สีภาพถา่ ยงา่ ยๆ โดยการนาสีพืน้ สีตา่ งๆ มายอ้ มผสม
ลงไปกบั สีภาพใน Layer เดมิ ทาใหไ้ ดภ้ าพถ่ายมีสีสนั แปลกตาและโดดเดน่ ขนั้ ตอนดงั นี้
1. เปิดไฟลภ์ าพ 1 ภาพ
2. เพ่มิ Layer แลว้ เลือกเคร่อื งมือ เทสีแดงลงไป
30
3. เลือกโหมดสี Color Burn
4. ผลลพั ธภ์ าพหลงั จากเลือกโหมดสี Color Burn
3.3.3 ตกแต่ง Layer ด้วยคาส่ัง Layer Style คือ คณุ สมบตั ทิ ่ีกาหนดไวก้ บั Layer เพ่ือตกแตง่
ภาพใน Layer ใหม้ ีลกั ษณะพเิ ศษ เชน่ การทาแสงเงาใหว้ ตั ถุ ทาใหพ้ ืน้ ผิวใหน้ นู ขนึ้ หรอื ทาแสงฟงุ้ ออกมาจากภาพ
ดงั นี้
3.3.3.1 วิธีกาหนด style Layer คอื การกาหนด style ให้ Layer
1. เลือกคาส่งั Layer Layer Style เลือกช่ือ style
2. คลกิ จากป่มุ Add a Layer style
3. เลือกคาส่งั Window Styles แลว้ เลือกชดุ style
4. การสรา้ ง Layer style นนั้ สามารถเลือก Effects ตอ้ งการแลว้ บนั ทึกเป็น style
สาเรจ็ รูปเพ่ือนากลบั มาใชใ้ หมไ่ ดห้ รอื เลือก style สาเรจ็ รูปท่ีโปรแกรมกาหนดไวใ้ ห้ เชน่ Effects ของขอ้ ความ
ป่มุ กดเว็บเพจ และขอบภาพ วธิ ีการกาหนด style Layer ดงั นี้
3.3.3.2 การเลือก Layer style คือ การกาหนด Layer ท่ีตอ้ งการแลว้ เลือก style ดงั นี้
1. คลกิ เลือก Layer ท่ีตอ้ งการกาหนด style (หาก Layer ท่ีเลือกเป็น Layer
Background ดบั เบลิ คลิกเปล่ียนเป็น Layer 0 ก่อนใชค้ าส่งั นี้
2. คลกิ ป่มุ แลว้ เลือก Effectsท่ีตอ้ งการใชง้ าน
3. เลือก Option และกาหนดคา่ การทาตา่ งๆ ของ Effects
4. คลกิ ป่มุ
3.4 ขนาดของภาพและขนาดของไฟล์
กอ่ นนาภาพมาใชง้ านตอ้ งมีความเขา้ ใจเก่ียวกบั ขนาดของภาพ หรอื อตั ราสว่ นของภาพในแต่
ละภาพเชน่ กวา้ ง X สงู (Width X Height)ขนาดไฟลภ์ าพคือความจขุ องภาพท่ีจดั เก็บลงในดสิ ก์ ซ่งึ ตอ้ งมีความรูท้ งั้
การจดั ขนาดของภาพและขนาดของไฟล์ เพ่ือนาภาพไปใชง้ านใหเ้ หมาะสมกบั งาน เชน่ การนาภาพไปพมิ พท์ ่ีรา้ น
พิมพภ์ าพตอ้ งใชข้ นาดเทา่ ไหร่ ความละเอียดของภาพก่ี Pixels นาภาพไปใชบ้ นเว็บเพจขนาดของภาพควรกาหนด
ขนาดเท่าไหร่ การนาภาพใชง้ านใหต้ รงวตั ถปุ ระสงคม์ ากท่ีสดุ โดยการปรบั ขนาด ตดั หรอื ลดพืน้ ท่ีท่ีไมต่ อ้ งการออก
เป็นตน้
3.4.1 การปรับขนาดของภาพ คือ การปรบั ขนาดของภาพทงั้ การยอ่ และการขยาย และเปล่ียน
คา่ ความละเอียดของภาพ ซ่งึ ขนาดของภาพท่ีเป็น “ความกวา้ ง ความสงู ” หรอื “Width Height เรยี กวา่
Image size การกาหนดความกวา้ งและความสงู โดยเลือกหน่วยนบั เป็นนิว้ เซนตเิ มตร หรือ Pixels เพ่ือใหไ้ ดข้ นาด
ของภาพท่ีเหมาะสมสาหรบั การนาไปใชง้ าน เชน่ ใชแ้ สดงในหนา้ เว็บเพจ นาไปใชใ้ นเอกสารท่วั ไป สง่ ไปกบั อีเมล์
31
หรอื นาภาพพิมพล์ งกระดาษ เป็นตน้ ขนั้ ตอนดงั นี้
1. คลกิ เมนคู าส่งั Image Image Size
2. เลือกออปชนั ตา่ งๆ สาหรบั ปรบั ขนาดของภาพดงั นี้
Scale Styles ปรบั สดั สว่ นของ Layer styleใหเ้ ป็นไปตามขนาดของภาพ
Constrain Proportions ใหร้ กั ษาสดั สว่ นเดมิ ของภาพไว้ คือ เม่ือกาหนดความกวา้ งหรือความสงู
คา่ ใดคา่ หน่งึ อีกคา่ จะถกู ปรบั ตามโดยอตั โนมตั ิ สดั สว่ นภาพจะสมดลุ กนั
Resample Image กาหนดใหเ้ ป็นการปรบั แบบเพ่มิ หรือลดจานวน Pixels โดยตอ้ งระบวุ ธิ ีคานวณ
ของโปรแกรม ซ่งึ แตล่ ะวิธีจะใหผ้ ลท่ีตา่ งกนั ดงั นี้
Nearest Neighbor การทางานไดเ้ รว็ ท่ีสดุ แตใ่ หภ้ าพดอ้ ยท่ีสดุ เหมาะกบั ภาพท่ีมีความคมชดั
เชน่ ภาพวาด
Bilinear ทางานไดเ้ รว็ และใหภ้ าพดปี านกลาง
Bicubic ใหภ้ าพท่ีดีท่ีสดุ เหมาะสาหรบั ภาพท่วั ไปโดยเฉพาะภาพถ่าย
Bicubic Smoother เหมาะสาหรบั การขยายภาพ
Bicubic Sharper เหมาะสาหรบั การย่อและขยายภาพ
3. กาหนดความกวา้ งหรอื ความสงู และเลือกหนว่ ยวดั ภาพ ดงั ตวั อยา่ งนีไ้ ดเ้ ลือกเป็น
Pixels แลว้ คลิกป่มุ OK จะไดผ้ ลลพั ธข์ องภาพใหมใ่ นขนาดท่ีกาหนด
3.4.2 ขนาดภาพสาหรับงานส่งิ พมิ พ์ ภาพกราฟิกปกหนงั สือ ขนาด 16.5 x19 ซม กาหนดไฟลภ์ าพท่ี
Document Size เป็นหนว่ ยวดั cm หรือ in ตามขนาดจรงิ ของหนงั สือ โดยกาหนดพืน้ ท่ีสาหรบั ตดั ตกดว้ ย เชน่
กาหนดขนาดภาพเป็น width 18 และ height 23 การกาหนด Resolution กาหนดคา่ 300 pixels/inch ซ่งึ เป็นคา่ ท่ี
ใชส้ าหรบั งานส่งิ พมิ พ์
3.4.3 ขนาดภาพสาหรับนาไปพมิ พ์ การถ่ายภาพจากกลอ้ งดจิ ิตอล เม่ือถ่ายภาพแลว้ นาภาพเหลา่ นนั้ ไป
ท่ีรา้ นพมิ พภ์ าพตามปกตแิ ละเลือกขนาดท่ีกาหนดได้ แตถ่ า้ ตอ้ งการภาพใหม้ ีคณุ ภาพสงู ตอ้ งคานงึ ถึงภาพท่ีถา่ ยมา
นนั้ พิมพภ์ าพไดข้ นาดสงู สดุ เทา่ ไหร่ ถา้ กาหนดสดั สว่ นของภาพไมต่ รงกบั ขนาดกระดาษแลว้ จะเลือกตดั ส่วนใดของ
ภาพออกมีรายละเอียดดงั นี้
3.4.3.1 อตั ราสว่ น (หรือสดั สว่ น) ของภาพ คอื การถ่ายภาพจากกลอ้ งดจิ ิตอลแบบคอมแพ็ค มี
อตั ราความกวา้ งเป็น 4 ตอ่ 3 เชน่ ภาพขนาด 3269 X 2448 Pixels (กลอ้ งระดบั 8 ลา้ น Pixels) เป็นตน้ กลอ้ ง
ดจิ ิตอลระดบั สงู ขนึ้ ไปท่ีเรียกวา่ DSLR จะถา่ ยภาพในอตั ราสว่ น 3 ตอ่ 2 เชน่ ภาพขนาด 3888 X 2592 Pixels
สาหรบั กระดาษมาตรฐานท่ีใชพ้ ิมพภ์ าพออกทางเคร่ืองพมิ พม์ ีหลายสดั สว่ น เชน่ การพมิ พแ์ บบ 4 X 6 นวิ้ (สดั สว่ น 3
ตอ่ 2) และ 8 X 10 นวิ้ (สดั สว่ น 4 ตอ่ 5) เป็นตน้ ดงั นนั้ การพมิ พภ์ าพออกมาอาจมีผลใหภ้ าพบรเิ วณขา้ งๆ ถกู ตดั
ออกไป หากสง่ ภาพท่ีไมไ่ ดป้ รบั แตง่ มาก่อนทางรา้ นจะตดั ภาพใหเ้ หลือตามสดั สว่ นท่ีตอ้ งการ ซง่ึ การตดั ภาพอาจไม่
ตรงตามความตอ้ งการ เชน่ ตอ้ งการตดั ภาพบรเิ วณดา้ นซา้ ยออก หรือตอ้ งการทาใหร้ ูปเลก็ เป็นตน้ เม่ือมีความ
ตอ้ งการภาพใหเ้ หมาะสมตอ้ งใชโ้ ปรแกรมแตง่ ภาพกอ่ น เชน่ โปรแกรม Adobe Photoshop ตดั แตง่ ภาพใหไ้ ดข้ นาด
32
แลว้ บนั ทึกขอ้ มลู ไปพิมพท์ ่ีรา้ นตอ่ ไป
3.4.3.2 จานวน Pixels กบั ขนาดของภาพ คือ ภาพถ่ายจากกลอ้ งดจิ ิตอลจะมีจานวน Pixels
ตา่ งกนั ขนึ้ อยกู่ บั คณุ สมบตั ขิ องกลอ้ งท่ีถ่ายภาพ เม่ือนาภาพไปพมิ พท์ ่ีรา้ นตอ้ งพจิ ารณาจานวน Pixels ของภาพท่ี
พิมพใ์ นขนาดใดบา้ งจงึ จะมีคณุ ภาพดีท่ีสดุ ภาพท่ีมีจานวน Pixels ของภาพสงู สามารถพมิ พภ์ าพไดข้ นาดใหญ่และมี
ความคมชดั มาก
3.4.4 ตดั ขอบภาพ Crop คือ การตดั ภาพเลือกเฉพาะสว่ นดว้ ยเคร่ืองมือ Crop หากภาพมีขนาด
ใหญ่เกินไป หรอื มีความตอ้ งการนาภาพมาใชเ้ พียงบางส่วน โดยการเลือกตดั ขอบภาพในสว่ นท่ีไมต่ อ้ งการออก ดว้ ย
เคร่อื งมือดงั กลา่ ว ขนั้ ตอนดงั นี้
1. คลกิ เคร่อื งมือ
2. คลิกเมาสล์ ากคลมุ พืน้ ท่ีสว่ นท่ีตอ้ งการ
3. ปรบั ขนาดสดั สว่ นใหเ้ หมาะสมแลว้ กด Enter เพ่ือยืนยนั ตดั ภาพ หรือกด ESC เพ่ือยกเลิกการ
เลือก
4. ภาพท่ีถกู ตดั ขอบนอก
1
33
5. การวัดผลและประเมินผล
วิธีวัด เคร่ืองมอื เกณฑ์
-การสงั เกต -การสงั เกต -ตอบไดถ้ กู ตอ้ ง
-ผา่ นเกณฑ์ 60%
-การใชข้ อ้ คาถาม -ขอ้ คาถาม
-ตอบไดถ้ กู ตอ้ ง
-การทดสอบ -แบบทดสอบ
-การสงั เกต -การสงั เกต
-การใชข้ อ้ คาถาม -ขอ้ คาถาม
34
6. บันทกึ หลังการสอน หนว่ ยท่ี.............. ภาคเรียนท่ี.............. ปีการศกึ ษา..............
1) ผลการสอน
...........................................................................................................................................................................
...........................................................................................................................................................................
...........................................................................................................................................................................
2) ปัญหา/อุปสรรค
...........................................................................................................................................................................
...........................................................................................................................................................................
...........................................................................................................................................................................
3) ข้อเสนอแนะและแนวทางแก้ไข
..................................................................................................................................................................
..................................................................................................................................................................
..................................................................................................................................................................
ลงช่ือ
(นายมนตธ์ ร สาระบรู ณ)์
ตาแหนง่ ครูจา้ งสอนประจารายเดือน
7. ข้อเสนอแนะของหัวหน้าสถานศึกษาหรือผู้ทไี่ ด้รับมอบหมาย (ตรวจ/นิเทศ/เสนอแนะ/รับรอง)
...........................................................................................................................................................................
...........................................................................................................................................................................
................................................................................................................................................
ลงช่ือ
(นางสาวจามมจั จลุ ี มีศลิ ป์ )
ตาแหนง่ รองผอู้ านวยการฝ่ายวิชาการ
แผนการจัดการเรียนรู้ 35
ชอื่ วิชา โปรแกรมกราฟิก หน่วยที่ 4
ชือ่ หน่วย การสรา้ งขอบเขตพืน้ ท่ี (Selection) และการจดั การไฟล์
สอนสัปดาหท์ ี่ 6-7
ชือ่ เรอื่ ง การสรา้ งขอบเขตพืน้ ท่ี (Selection) และการจดั การไฟล์ สอนครั้งท่ี 6-7
จานวนช่ัวโมง 8
1. สาระสาคัญ
การสรา้ งภาพถ่ายใหม้ ีความแปลกตาสามารถทาไดห้ ลายวธิ ี เชน่ การแตง่ เพ่มิ หรอื ตดั สว่ นท่ีไมต่ อ้ งการ
ออกจากภาพ โดยการสรา้ งขอบเขตพืน้ ท่ีก่อนแลว้ ตกแตง่ แกไ้ ขภาพเพ่ือใหง้ ่ายสะดวกและไมม่ ีผลเสียตอ่ ภาพอ่ืนๆ
ภายนอกขอบเขตพืน้ ท่ี การตดั ตอ่ ภาพ การเคล่ือนยา้ ยภาพ เพ่ือนาภาพมารวมกนั เป็นภาพเดยี วกนั ซ่งึ ภาพท่ีนามาวาง
รวมกนั ลกั ษณะสีมีความแตกตา่ งกนั แตต่ อ้ งการใหส้ ีแตล่ ะภาพมีการผสมกลมกลืนกนั โดยใชค้ าส่งั แกไ้ ขชว่ งสีไม่
ตอ่ เน่ืองของภาพแกไ้ ขภาพใหม้ ีลกั ษณะสีเหมือนภาพเดยี วกนั
2. สมรรถนะประจาหน่วย
สรา้ งขอบเขตพืน้ ท่ีและการจดั การไฟลด์ ว้ ยโปรแกรมกราฟิก
3. จุดประสงคก์ ารเรียนรู้
1. สรา้ งขอบเขตพืน้ ท่ี (Selection)ได้
2. ตดั ภาพได้
3. คดั ลอกภาพได้
4. ปรบั รูปทรงภาพดว้ ยคาส่งั Transform ได้
5. สรา้ งขอบเขตพืน้ ท่ีดว้ ย Layer Mask ได้
6. แกไ้ ขชว่ งสีไมต่ อ่ เน่ืองของภาพได้
7. มีความรบั ผดิ ชอบตอ่ งานท่ีไดร้ บั มอบหมาย
งานพฒั นาหลกั สูตรการเรียนการสอน ฝ่ ายวชิ าการ วทิ ยาลยั อาชีวศึกษาพษิ ณุโลก
36
4. สาระการเรยี นรู้
การจดั การไฟลภ์ าพใหม้ ีความหลากหลาย โดยอาศยั การตดั ภาพ การคดั ลอกภาพเพ่ิมบางสว่ นหรือลดบางสว่ นของภาพ
หนา้ ตา่ งโปรแกรมแบง่ เคร่อื งมือเป็นหมวดหมทู่ าใหส้ ะดวกตอ่ การใชง้ านการแบง่ พืน้ ท่ีการทางานใหส้ ะดวกขนึ้ และนา
วธิ ีการสรา้ งขอบเขตพืน้ การจดั การไฟลภ์ าพใหส้ วยงาม
4.1 การสร้างขอบเขตพนื้ ที่ (Selection)
การสรา้ ง Selection “ขอบเขตพืน้ ท่ี” สามารถทาไดห้ ลากหลายวิธี เชน่ การใชเ้ คร่ืองมือพืน้ ฐานตา่ งๆ เพ่ือ
กาหนดขอบเขตพืน้ ท่ี เชน่ กลมุ่ เคร่อื งมือ Marquee Too เป็นกลมุ่ เคร่ืองมือท่ีทางานแตกตา่ งกนั ขนึ้ อยกู่ บั ลกั ษณะของ
ภาพท่ีตอ้ งการปรบั เปล่ียน การแกไ้ ขขอบเขตพืน้ ท่ีท่ีเลือกของภาพ ท่ีตอ้ งการลบและกลมุ่ เคร่อื งมือ Lasso Too คือ
กลมุ่ เคร่อื งมือเลือกขอบเขตพืน้ ท่ีและการกาหนดคา่ ออปชนั บารม์ ีความเหมือนกบั กล่มุ เคร่อื งมือพืน้ ฐาน
4.1.1 การสร้างขอบเขตพนื้ ทด่ี ว้ ยเครื่องมือกลุ่ม Marquee Too คอื การสรา้ งภาพขอบเขตพืน้ ท่ีดว้ ย
เคร่อื งมือพืน้ ฐาน โดยการคลิกเคร่ืองมือพืน้ ฐานแลว้ เลือกรูปแบบ เชน่ เลือกวงกลม เหล่ียม เสน้ แนวนอนและเสน้ แนว
ตงั้ รูปแบบการเรียกใชง้ านเหมือนกนั ดงั นี้
4.1.1.1 การใชเ้ คร่ืองมือ Rectangular Marquee Tool คอื การสรา้ งขอบเขตพืน้ ท่ีรูปแบบ
ส่ีเหล่ียมลกั ษณะการใชง้ านดงั นี้
1. คลิกเลือกเคร่ืองมือ
2. กาหนดคา่ Option Bar เพ่ือเลือกขอบเขตพืน้ ท่ี
4.1.1.2 การเลือกพืน้ ท่ี การเพ่มิ ลด และรวมขอบเขตพืน้ ท่ี คอื การกาหนดคา่ ใน
ออปชนั บารก์ ่อนการสรา้ งขอบเขตพืน้ ท่ีเพ่ือสรา้ งขอบเขตพืน้ ท่ีในลกั ษณะรูปแบบตา่ งๆ ดงั นี้
New การเลือกขอบเขตพืน้ ท่ีใหม่
Add to ขอบเขตพืน้ ท่ีการรวมพืน้ ท่ีซอ้ นกนั หลายชนิ้ ใหเ้ ป็นชิน้ เดยี วกนั
Subtract from ขอบเขตพืน้ ท่ีตดั ส่วนท่ีซอ้ นทบั กนั ออก
Intersect with ขอบเขตพืน้ ท่ีตดั รูปทรงและเก็บเฉพาะสว่ นท่ีซอ้ นทบั กนั ไว้
การเลือกขอบเขตพืน้ ท่ีในลกั ษณะตา่ งๆ นนั้ ขนึ้ อยกู่ บั ความตอ้ งการของผใู้ ชก้ าหนดคา่ เพ่ือใหไ้ ดภ้ าพลกั ษณ์
ใหมๆ่ เกิดขนึ้ มา โดยการกาหนดคา่ ออปชนั การเลือกขอบเขตพืน้ ตวั อยา่ ง
4.1.1.3 การทาภาพขอบฟงุ้ ดวั ยคาส่งั Feather คอื การทาภาพใหเ้ กิดความฟ้งุ เพ่ือเพ่มิ ความ
นมุ่ นวลตงั้ แต่ 1 ขนึ้ ไปท่ีชอ่ ง Feather ซ่งึ ถา้ ตวั เลขมากเกิดความฟ้งุ เบลอมาก โดยตอ้ งใสค่ า่ ตวั เลขความฟ้งุ ก่อนแลว้
เลือกขอบเขตพืน้ ท่ี คือ คลิกเลือกเคร่อื งมือ และกาหนดคา่
การเลือกขอบเขตพืน้ ท่ีมีรูปแบบการเลือก 3 รูปแบบ ดงั นี้
Normal การเลือกพืน้ ท่ีแบบท่วั ไป
Constrained Aspect Ration กาหนดอตั ราความกวา้ งและความสงู
37
Fixed Size การกาหนดขนาดการเลือกไวแ้ นน่ อน
หรือขนั้ ตอนการปฏิบตั กิ ารสรา้ งภาพขอบฟงุ้ จากเมนู ขนั้ ตอนดงั นี้
1. คลิกเลือกขอบเขตพืน้ ท่ีของภาพก่อน
2. คลิกเมนู Select Modify Featherกาหนดคา่ ความฟ้งุ 20 pixels
3. คลิกเมนู Select Inverse
4. ลบเสน้ ขอบเขตพืน้ ท่ีท่ีเลือก โดยกดป่มุ Ctrl + X หรือ คลิกเมนคู าส่งั
Edit Cut
4.1.2 การสร้างขอบเขตพนื้ ทด่ี ว้ ยกลุ่มเคร่อื งมอื Lasso Tool คือ กลมุ่ เคร่ืองมือท่ีทางานแตกตา่ งกนั
ขนึ้ อย่กู บั ลกั ษณะของภาพท่ีตอ้ งการแกไ้ ขรูปแบบการสรา้ งขอบเขตพืน้ ท่ีเลือกภาพนนั้ โดยการกาหนดคา่ ออปชนั บาร์
เหมือนกบั กลมุ่ เคร่ืองมือพืน้ ฐาน วธิ ีการเรยี กใชเ้ คร่อื งมือดงั กลา่ ว
4.1.2.1 การใชเ้ คร่ืองมือ Lasso Tool คือ การสรา้ งขอบเขตพืน้ ท่ี โดยใชเ้ คร่อื งมือ Lasso
Tool เพ่ือเลือกขอบเขตพืน้ ท่ีภาพแบบอสิ ระ คลกิ ท่ีเคร่ืองมือ คลกิ เมาสค์ า้ งไวแ้ ลว้ ลากไปตาแหนง่ ตา่ งๆ ท่ี
ตอ้ งการเม่ือถงึ จดุ สนิ้ สดุ ปลอ่ ยเมาส์
4.1.2.2 การใชเ้ คร่ืองมือ Polygonal Lasso Tool คือ การเลือกขอบเขตพืน้ ท่ี และหยดุ การ
เลือกภาพไดเ้ ป็นจดุ ๆ โดยคลิกเมาสซ์ า้ ย ณ จดุ ท่ีตอ้ งการเปล่ียนทิศทางการเคล่ือนท่ีแลว้ ดบั เบลิ คลิกเมาส์ ณ จดุ เรม่ิ ตน้
เพ่ือสิน้ สดุ การเลือก
4.1.2.3 การใชเ้ คร่อื งมือ Magic Wand Tool คือ การสรา้ งขอบเขตพืน้ ท่ียึดตามสีท่ีใกลเ้ คียง
กนั ของภาพ โดยการคลกิ ณ จดุ สีใดสีหนง่ึ แลว้ ลากเมาสไ์ ปตามสีนนั้ เคร่อื งมือยดึ ตามสีท่ีใกลเ้ คียงกบั สีแรกท่ีลากเมาส์
ผา่ น โดยไมต่ อ้ งคลกิ เมาสแ์ ตถ่ า้ มีการลากเมาสผ์ า่ นตาแหนง่ สีท่ีไมใ่ กลเ้ คยี งกบั สีแรก แตต่ อ้ งการสว่ นของสีนนั้ ดว้ ยให้
คลิกเมาส์ เพ่ือเป็นการยอมรบั สีใหม่ แลว้ คลกิ ณ จดุ แรกท่ีมาบรรจบกนั อีกครงั้ เพ่ือสนิ้ สดุ การเลือก
4.1.3 การสลับดา้ นขอบเขตพนื้ ท่ี คือ การสรา้ งขอบเขตพืน้ ท่ีท่ีเลือกแลว้ สลบั ดา้ นขอบเขตพืน้ ท่ีเป็นภายนอก
ขอบเขตพืน้ ท่ี สาหรบั ภาพบางประเภทท่ีจาเป็นตอ้ งสรา้ งขอบเขตพืน้ ท่ีในสว่ นท่ีไมต่ อ้ งการออกหรือเพ่ือตดั ภาพ
ภายนอกออก เชน่ การเลือกภาพโดยการสรา้ งขอบเขตพืน้ ท่ีเป็นวงกลมแลว้ สลบั ดา้ นขอบเขตพืน้ ท่ีเพ่ือลบภาพภายนอก
ขอบเขตพืน้ ท่ีออก ขนั้ ตอนดงั นี้
1. เลือกขอบเขตพืน้ ท่ี
2. กดป่มุ Shift + Ctrl + I หรือคลิกเมนู Select Inverse
38
3. ถา้ ตอ้ งการลบกดป่มุ Ctrl + X หรือคลิกเมนู Edit Cut
4.1.4 การสร้างขอบเขตพืน้ ทด่ี ้วยคาส่ัง Color Range คือ การสรา้ งขอบเขตพืน้ ท่ีท่ีมีคา่ สีเหมือนกนั หรือใกลเ้ คียง
กนั และสามารถเลือกซา้ ๆ ได้ เพ่ือเก็บรายละเอียดของภาพท่ีเลือกขนั้ ตอนดงั นี้
1. คลิกเลือกเมนู Select Color Range
2. จะปรากฏหนา้ ตา่ ง Color Range ซง่ึ มีสว่ นประกอบ
3. คลกิ เลือกตาแหนง่ ภาพท่ีตอ้ งการแลว้ สงั เกตจดุ สีบรเิ วณดงั กลา่ วจะเปล่ียนเป็นสีเทา
4. แลว้ คลิกป่มุ OK ปรากฏภาพท่ีเลือกมีขอบเขตพืน้ ท่ีรอบๆ พืน้ ท่ีท่ีเลือก
4.1.5 ปรับแตง่ ลักษณะของขอบเขตพนื้ ที่ ดว้ ยคาส่ัง Modify คอื การปรบั แตง่ ขอบเขตพืน้ ท่ี และสามารถ
ปรบั แตง่ รูปแบบการเลือก โดยการเรียกใชค้ าส่งั กลมุ่ เมนคู าส่งั Modify เรียกใชจ้ ากเมนคู าส่งั Selection Modify
แลว้ เลือกรูปแบบปรบั แตง่
4.1.5.1 Border คอื การเพ่ิมความหนาใหข้ อบเขตพืน้ ท่ี โดยกาหนดคา่ ก่อนแลว้
ปรากฏขอบเขตพืน้ ท่ีเป็นเสน้ คู่
4.1.5.2 Smooth คือ การสรา้ งเสน้ ขอบเขตพืน้ ท่ีใหด้ นู มุ่ นวลหรือมีความ
โคง้ มน
4.1.5.3 Contract คอื การลดขนาดขอบเขตพืน้ ท่ี โดยลดขอบเขตพืน้ ท่ี
ทกุ ดา้ นเทา่ ๆ กนั
4.2 การตัดภาพ
การตดั ภาพ คือ การประยกุ ตใ์ ชเ้ คร่ืองมือการสรา้ งขอบเขตพืน้ ท่ีรว่ มกบั คาส่งั ตดั ภาพเพ่ือจะคลั ลอกภาพไปยงั
ไฟลอ์ ่ืนๆ หรอื ยา้ ยตาแหนง่ ภาพไปยงั สว่ นตา่ งๆ ในไฟลเ์ ดมิ ขนั้ ตอนดงั นี้
1. เปิดไฟลภ์ าพท่ีตอ้ งการ
2. คลิกเคร่อื งมือ แลว้ สรา้ งขอบเขตพืน้ ท่ี และคลิกเมนู Edit Cut หรอื คลกิ
เคร่อื งมือ (Move Tool) แลว้ ลากไปยงั ตาแหนง่ ท่ีตอ้ งการวาง
หรอื การเคล่ือนยา้ ยภาพไปยงั ไฟลภ์ าพอ่ืนๆ ขนั้ ตอนดงั นี้
1. เปิดไฟลภ์ าพท่ีตอ้ งการ
2. คลิกเคร่อื งมือ แลว้ สรา้ งขอบเขตพืน้ ท่ี
3. คลิกเคร่ืองมือ (Move Tool) แลว้ ลากไปยงั ไฟลภ์ าพใหมท่ ่ีตอ้ งการวาง
4. โปรแกรมเปิดไฟลภ์ าพอ่ืนขนึ้ มาเพ่ือใหว้ างภาพในตาแหน่งท่ีตอ้ งการวาง
39
4.3 การคัดลอกภาพ
การคดั ลอกภาพ คือ การสรา้ งสาเนาของภาพขนึ้ มาหลายๆ ภาพ โดยภาพท่ีทาสาเนาอาจจะวางไวใ้ นไฟล์
เดียวกนั หรือจะสรา้ งเป็นไฟลใ์ หม่ ขนั้ ตอนดงั นี้
4.3.1 การคัดลอกภาพไว้ในไฟลเ์ ดยี วกัน
1. เปิดไฟลภ์ าพท่ีตอ้ งการ
2. คลิกเคร่อื งมือ หรือจะสรา้ งขอบเขตพืน้ ท่ีภาพในรูปแบบเคร่ืองมืออ่ืนๆ ตาม
ตอ้ งการ โดยกดป่มุ Alt ท่ีแปน้ พมิ พค์ า้ งไว้ แลว้ คลกิ เคร่อื งมือ ลากเมาสไ์ ปยงั ตาแหนง่ ท่ีตอ้ งการแลว้ ปลอ่ ย
เมาสจ์ ะไดส้ าเนาภาพ
4.3.2 การคัดลอกภาพไปยงั ไฟลใ์ หม่
1. เปิดไฟลภ์ าพท่ีตอ้ งการ
2. คลกิ เคร่อื งมือ แลว้ กาหนดคา่ Feather เป็น 5 pixels แลว้ เลือกขอบเขตพืน้ ท่ีตาม
ตอ้ งการ แลว้ คลิกท่ีเมนู Edit Copy เพ่ือคดั ลอก
3. คลิกสรา้ งไฟลภ์ าพขนึ้ ใหม่ โดยคลกิ เมนู File New จะปรากฏหนา้ ตา่ งการกาหนดขนาด
ไฟลภ์ าพใหม่ โดยขนาดภาพท่ีปรากฏนนั้ มีขนาดเท่ากบั ภาพท่ีคดั ลอกไวก้ ่อนหนา้ นนั้ ดงั ภาพ
4. คลิกป่มุ OK แลว้ คลิกเมนู Edit Paste เพ่ือวางภาพท่ีคดั ลอก ดงั ภาพ
4.4 การปรับรูปทรงภาพดว้ ยคาส่ัง Transform
การปรบั รูปทรงภาพในรูปแบบลกั ษณะตา่ งๆ เชน่ เลือกจากเมนู คลิกเมนู Edit Transform ขนั้ ตอน
ดงั นี้
1. เปิดไฟลภ์ าพ
2. คลกิ เมนู Select All หรอื กดป่มุ Ctrl + A เพ่ือสรา้ งขอบเขตพืน้ ท่ีภาพทงั้ หมด
แลว้ คลกิ ท่ีเมนู Edit Transform
Again เรม่ิ ทาใหมก่ ่อนหนา้ นี้ 1 ครงั้
Scale การปรบั รูปทรงภาพแบบแนวตงั้ แนวนอนหรือแนวทแยง
Rotate การหมนุ ภาพ
Skew การปรบั รูปทรงภาพในลกั ษณะบดิ เอน
Distort การปรบั รูปทรงภาพในลกั ษณะบดิ เบือน
Perspective การปรบั รูปทรงในลกั ษณะแบบมีมิติคงรูปเหมือนจรงิ
Rotate 180° การหมนุ แบบ 180 องศา
Rotate 90° CW การหมนุ 90 องศาตามเข็มนาฬิกา
Rotate 90° CCW การหมนุ 90 องศาทวนเขม็ นาฬกิ า
40
Rotate 180° CCW การหมนุ 180 องศาทวนเข็มนาฬกิ า
Flip Horizontal การกลบั ดา้ นภาพจากซา้ ยไปขวาหรือขวาไปซา้ ย
Flip Vertical การกลบั ดา้ นภาพจากบนลงลา่ งหรือจากลา่ งขนึ้ บน
ตวั อย่าง การปรบั รูปทรงภาพในเมนตู า่ งๆ ดงั นี้
Scale คือ การปรบั รูปทรงภาพแบบแนวตงั้ แนวนอนหรือแนวทแยง
การปรับภาพแบบ Rotate คอื การปรบั รูปทรงภาพแบบแนวตงั้ แนวนอนหรอื
แนว
Skew คือ การปรบั รูปทรงภาพในลกั ษณะบดิ เอน
การปรับภาพแบบ Distort คือ การปรบั รูปทรงภาพในลกั ษณะบดิ เบือน
การปรับภาพแบบ Perspective คอื การปรบั รูปทรงลกั ษณะแบบมีมิตคิ งรูปเหมือนจรงิ
โดยคลิกเมาสป์ รบั ดา้ นใดดา้ นหนง่ึ แตอ่ ีกดา้ นหนง่ึ ของภาพจะมีการปรบั ภาพในลกั ษณะ
การปรบั ภาพแบบ Rotate 180° คือ การหมนุ ภาพแบบ 180 องศา
การปรบั ภาพแบบ Rotate 90° CW คอื การหมนุ 90 องศาตามเข็มนาฬิกา
การปรบั ภาพแบบ Rotate 90° CCW คอื การหมนุ แบบ 90 องศา โดยหมนุ ภาพทวนเขม็
การปรบั ภาพแบบ Flip Horizontal คือ การกลบั ดา้ นภาพจากซา้ ยไปขวาหรือจากขวาไปซา้ ย
การปรบั ภาพแบบ Flip Vertical คือ การกลบั ดา้ นภาพจากบนลงลา่ งหรือลา่ งขนึ้ บน
41
4.5 สร้างขอบเขตพนื้ ทด่ี ว้ ยคาส่ัง Layer Mask
4.5.1 Layer Mask คอื การสรา้ งขอบเขตพืน้ ท่ี ท่ีสามารถปรบั แตง่ ขอบเขตพืน้ ท่ีใน Layer Mask มีลกั ษณะ
เหมือนกบั การเจาะหรอื ตดั Layer ใหเ้ ป็นรู โดยการเจาะหรอื ตดั ทาไดด้ ว้ ยการระบายสีดาใน Layer Mask เพ่ือซอ่ นพืน้ ท่ี
บรเิ วณนนั้ และใชส้ ีขาวระบายลงไป เพ่ือกาหนดใหพ้ ืน้ ท่ีบรเิ วณนนั้ สามารถแสดงไดต้ ามปกติ ขนั้ ตอนดงั นี้
1. นาภาพวาง 2 ภาพบนพาเลต Layer 1 และ Layer 2
2. คลิกเลือก Layer 2 แลว้ คลิกป่มุ Add layer mask
3. คลิกเลือกเคร่ืองมือ Brush Tool กาหนดคา่ Option Bar ใหเ้ หมาะสม
4. กาหนดสี Foreground เป็นสีดา ระบายสีทบั สว่ นท่ีตอ้ งการซอ่ นบนภาพ Layer Mask
(Layer 2) สงั เกตวา่ สว่ นท่ีระบายดว้ ยสีดาจะหายไป ถา้ ตอ้ งการใหก้ ลบั คนื มาใหร้ ะบายดว้ ยสีขาว
4.5.2 ซ่อนขอบเขตภาพด้วยคาส่ัง Clipping Mask คือ การซอ่ นพืน้ ท่ีบางสว่ น Layer ภาพท่ีเลือกให้
มีขอบเขตเทา่ กบั ภาพใน Layer ท่ีอยดู่ า้ นลา่ งจากการสรา้ ง Clipping Mask โดยไม่เป็นตอ้ งตดั ภาพทงิ้ จรงิ ๆ
ขนั้ ตอนดงั นี้
1. สรา้ งกรอบภาพท่ีตอ้ งการไวด้ า้ นลา่ งของภาพ
2.สรา้ ง Layerใหมแ่ ละนาภาพมาวางบนสดุ
3.กดป่มุ Alt คา้ งไวแ้ ลว้ คลิกเมาสร์ ะหวา่ ง Layer (Layer1 และ Shape 1) เพ่ือสรา้ ง
Clipping Mask (เมาสค์ ลิกระหวา่ งเสน้ แบง่ Layer สงั เกตเมาสจ์ ะเปล่ียนแปลงเป็นสญั ลกั ษณ์
แลว้ คลกิ เมาส์ )
4. เม่ือคลิกเมาสภ์ าพของ Layer บนจะเทา่ กบั ภาพใน Layer ลา่ งทนั ที
1
4.6 แกไ้ ขช่วงสไี ม่ตอ่ เนื่องของภาพ
กรณีท่ีมีการนาภาพถ่ายตา่ งๆ มาเรียงตอ่ กนั หลายๆ ภาพรวมกนั เป็นภาพเดียวกนั โดยใชง้ านคาส่งั Photo
merge ภาพท่ีนามาวางมีความสวา่ ง และมีสีท่ีแตกตา่ งกนั มากจนการไลโ่ ทนสีไมส่ มบรู ณ์ ผใู้ ชส้ ามารถเปิดคาส่งั Auto
Blend Layer เพ่ือไลโ่ ทนสีระหวา่ งภาพทงั้ หมดใหม้ ีความกลมกลืนกนั ขนั้ ตอนดงั นี้
1. ลกั ษณะของภาพแบบ Panorama ท่ีเรียงตอ่ กนั เรียบรอ้ ยแลว้ แตว่ า่ สีของแตล่ ะภาพมีความ
แตกตา่ งกนั มาก
2. กดป่มุ Shift แลว้ คลิกเลือก Layer ภาพทงั้ หมด
3. คลกิ เมนู Edit Auto Blend Layer ออปชนั Panorama จะถกู เลือกไวใ้ ห้
โดยอตั โนมตั ิ
4. คลิก Seamless Tones and Colors แลว้ ท่ีคลกิ ป่มุ OK
2 5.ลกั ษณะของผลลพั ธท์ ่ีการไลโ่ ทนสีทาไดส้ มบรู ณข์ นึ้ 3
42
5. การวัดผลและประเมินผล
วิธีวัด เคร่ืองมอื เกณฑ์
-การสงั เกต -การสงั เกต -ตอบไดถ้ กู ตอ้ ง
-ผา่ นเกณฑ์ 60%
-การใชข้ อ้ คาถาม -ขอ้ คาถาม
-ตอบไดถ้ กู ตอ้ ง
-การทดสอบ -แบบทดสอบ
-การสงั เกต -การสงั เกต
-การใชข้ อ้ คาถาม -ขอ้ คาถาม
43
6. บันทกึ หลังการสอน หนว่ ยท่ี.............. ภาคเรียนท่ี.............. ปีการศกึ ษา..............
1) ผลการสอน
...........................................................................................................................................................................
...........................................................................................................................................................................
...........................................................................................................................................................................
2) ปัญหา/อุปสรรค
...........................................................................................................................................................................
...........................................................................................................................................................................
...........................................................................................................................................................................
3) ข้อเสนอแนะและแนวทางแก้ไข
..................................................................................................................................................................
..................................................................................................................................................................
..................................................................................................................................................................
ลงช่ือ
(นายมนตธ์ ร สาระบรู ณ)์
ตาแหนง่ ครูจา้ งสอนประจารายเดือน
7. ข้อเสนอแนะของหัวหน้าสถานศึกษาหรือผู้ทไ่ี ด้รับมอบหมาย (ตรวจ/นิเทศ/เสนอแนะ/รับรอง)
...........................................................................................................................................................................
...........................................................................................................................................................................
................................................................................................................................................
ลงช่ือ
(นางสาวจามมจั จลุ ี มีศลิ ป์ )
ตาแหนง่ รองผอู้ านวยการฝ่ายวชิ าการ
44
แผนการจัดการเรยี นรู้ หน่วยที่ 5
ชอื่ วชิ า โปรแกรมกราฟิก สอนสัปดาหท์ ่ี 8-9
ชอื่ หน่วย การสรา้ งตวั อกั ษรและขอ้ ความ สอนคร้ังท่ี 8-9
ช่ือเรอื่ ง การสรา้ งตวั อกั ษรและขอ้ ความ จานวนช่ัวโมง 8
1. สาระสาคัญ
ภาพมีความสวยงามแสดงถึงการส่ือความหมายไดห้ ลากหลายชดั เจนและการประชาสมั พนั ธข์ อ้ มลู
ขา่ วสารเพ่ือดงึ ดดู ความสนใจเพ่มิ ความชดั เจน ส่ือความหมายใหถ้ กู ตอ้ งมากท่ีสดุ เชน่ การสรา้ งขอ้ ความ โดยขอ้ ความ
เหลา่ นนั้ สามารถตกแตง่ เป็นรูปแบบตา่ งๆ เชน่ เป็นตวั อกั ษรภาพท่ีสามารถปรบั แต่งแกไ้ ขไดเ้ หมือนกบั การแกไ้ ขภาพ
การเพ่ิมแสงเงาขอ้ ความและการกาหนดเสน้ ขอบ ตวั อกั ษรสามารถกาหนดรูปแบบการแสดงผลเป็นแบบแนวนอนหรือ
แบบแนวตงั้
2. สมรรถนะประจาหน่วย
สรา้ งตวั อกั ษรและขอ้ ความดว้ ยโปรแกรมกราฟิก
3. จุดประสงคก์ ารเรยี นรู้
1.พิมพต์ วั อกั ษรและขอ้ ความได้
2. ตกแตง่ ขอ้ ความได้
3. สรา้ งขอ้ ความภายในรูปทรงได้
4. มีความรบั ผดิ ชอบตอ่ งานท่ีไดร้ บั มอบหมาย
งานพฒั นาหลกั สูตรการเรียนการสอน ฝ่ ายวชิ าการ วทิ ยาลยั อาชีวศกึ ษาพิษณุโลก
The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.
20204-2007__โปรแกรมกราฟิก
Discover the best professional documents and content resources in AnyFlip Document Base.
Search