แผนการจัดการเรียนรู้วิชา Photoshop

แผนการจดั การเรยี นรทู้ ่ี 1 เรอ่ื ง แนะนำการใช้ Photoshop CS6 เบื้องต้น รหัสวชิ า ว 32249 รายวิชา คอมพวิ เตอรก์ ราฟิก กลุ่มสาระการเรยี นรู้ วิทยาศาสตร์และเทคโนโลยี ชน้ั มธั ยมศกึ ษาปีที่ 5/3 ภาคเรียนที่ 2 ปกี ารศึกษา 2563 หน่วยการเรยี นรู้ท่ี 1 เรอื่ ง รจู้ กั โปรแกรม Photoshop CS6 เบื้องต้น เวลา 50 นาที วันที่ 9 พฤศจิกายน 2563 ครผู ูส้ อน นายภมุ ริน ยมหา 1. ผลการเรยี นรู้ - นักเรียนสามารถอธิบายความหมาย ความสำคัญ และการเข้าใช้งานโปแกรม Photoshop CS6 ได้ 2. จดุ ประสงค์การเรียนรู้ - นักเรียนบอกความหมาย ความสำคญั และการเข้าใชง้ านโปแกรม Photoshop CS6 ได้ - นักเรียนบอกชนิดของงานที่เกิดจากโปรแกรม Photoshop CS6 ได้ - นักเรียนมคี วามรบั ผดิ ชอบทไี่ ด้รับมอบหมาย สาระสำคัญ - Photoshop เป็นโปรแกรมสำหรบั สรา้ งและตกแตง่ ภาพที่มีชือ่ เสียงและไดร้ บั ความนยิ มมากท่ีสุด อนั เนื่องมาจากคุณสมบัติเด่นซ่ึงมีอยู่อย่างมากมาย ไม่ว่าจะเป็นความสามารถจัดการกับไฟล์สารพัดชนิดท่ีใช้ใน งานประเภทต่าง ๆ ทั้งรูปที่จะนำไปผ่านกระบวนการพิมพ์ และรูปที่นำไปใช้ในเว็บเพจห รือส่งผ่านส่ือ อิเล็กทรอนิคส์ มีความสามารถเปน็ เย่ียมในการแก้ไขตกแตง่ ภาพ และการสรา้ งเอฟเฟ็คเศษต่าง ๆ มีเครอื่ งมือ ท่ีมีประสิทธิภาพและความยืดหยุ่นสูง สามารถบันทึกข้ันตอนท่ีต้องทำซ้ำ ๆ ไว้เรียกใช้ภายหลังตลอดจนมี ผู้ผลิตปลั๊กอิน (plug-in) ให้เปน็ จำนวนมาก ซ่ึงปลั๊กอินก็คือโปรแกรมเสริมสำหรับช่วยให้การทำงานที่ซับซ้อน สำเรจ็ ลงได้อย่างรวดเรว็ สาระการเรยี นรู้ - การปรบั แต่งแกไ้ ขรปู ภาพใหต้ รงกบั ความตอ้ งการ - ความสามารถของโปรแกรม Photoshop - การเปิดไฟล์ภาพ - ใช้งานการสร้างงานใหม่

ด้านคณุ ลกั ษณะอันพงึ ประสงค์ - มวี นิ ยั - มจี ติ สาธารณะ - มงุ่ มั่นในการทำงาน สมรรถนะผูเ้ รียน - ความสามารถในการส่ือสาร - ความสามารถในการคิด - ความสามารถในการแกป้ ญั หา กระบวนการเรียนร้/ู การจัดกจิ กรรม ข้ันนำเข้าสบู่ ทเรียน 1. ครสู ่มุ เลือกตวั แทนนกั เรียน 2–3 คนใหเ้ ล่าประสบการณเ์ กี่ยวกบั การใชง้ านโปรแกรม Adobe Photoshop CS6 ที่นกั เรียนเคยใช้งาน 2. ครูถามนักเรียนในหวั ข้อการใชง้ าน Photoshop CS6 จากประสบการณ์ นักเรียนเคยใชง้ าน โปรแกรม Adobe Photoshop CS6 ทำอะไรบา้ ง และนักเรยี นรูห้ รอื ไม่วา่ โปแกรมนีม้ ีประโยชนอ์ ยา่ งไร และ ขั้นสอน 3. ทำแบบทดสอบกอ่ นเรยี น เรอื่ ง รู้จักโปรแกรม Photoshop CS6 เบื้องต้น 20 ขอ้ 4. ครสู มุ่ เลือกนักเรียนเพอ่ื ชกั ถามนกั เรยี นที่เคยใช้งานโปรแกรม Photoshop CS6 มีวัตถุเพอื่ ให้ นักเรียนไดม้ สี ว่ นรว่ มในการเรียนการสอน และมกี ารใหค้ ะแนนกับผูท้ ่ตี อบถกู ต้อง เพือ่ สรา้ งแรงจูงใจในการ เรยี น 5. ครแู จกใบความรู้ท่ี 1.1 เรื่อง แนะนำการใช้ Photoshop CS6 เบ้ืองต้น 6. นกั เรียนศกึ ษาความรู้ เรื่องแนะนำการใช้ Photoshop CS6 เบอ้ื งตน้ จากใบความรู้ ขน้ั สรปุ 7. ครูสังเกตพฤตกิ รรมการเรยี น 8. ครูและนกั เรยี นชว่ ยกนั สรปุ สาระสำคญั ของโปรแกรม Photoshop CS6 การวดั ผลประเมนิ ผล 1. วิธกี ารวดั - สังเกตการฟงั การตอบคำถาม การปฏบิ ตั ิงาน - ใบงาน 2. เครอ่ื งการวดั ผลประเมินผล - แบบสงั เกตพฤตกิ รรม - ตรวจใบงาน 3. เกณฑ์การวดั ผลประเมนิ ผล ใช้การผ่านเกณฑ์ รอ้ ยละ 60 ขึน้ ไป สื่อ/แหลง่ การเรียนรู้

- หอ้ งคอมพวิ เตอร์ - อินเตอรเ์ นต็ - ใบความรทู้ ่ี 1.1 เรื่องแนะนำการใช้ Photoshop CS6 เบือ้ งตน้ - ใบงานท่ี 1.1 เร่ืองแนะนำการใช้ Photoshop CS6 เบื้องต้น - แบบทดสอบกอ่ นเรียน จำนวน 20 ขอ้ เวบ็ สอื่ การสอน Photoshop CS6 บันทกึ ผลหลงั การสอน สรุปผลการเรียนการสอน นกั เรยี นจำนวน................................คน ผา่ นจุดประสงคก์ ารเรยี นร้.ู ..............คน คดิ เป็นร้อยละ................................. ไม่ผ่านจุดประสงค.์ ...........................คน คดิ เปน็ รอ้ ยละ................................. ได้แก่ .......................................................................................................................................................................... .......................................................................................................................................................................... .......................................................................................................................................................................... .......................................................................................................................................................................... .......................................................................................................................................................................... ปัญหา/อปุ สรรค (ผลการประเมนิ ทไ่ี ม่เป็นไปตามจุดประสงค์ส่ตู วั ชีว้ ัด คุณลกั ษณะหรือสมรรถนะ ของ ผู้เรียน) .......................................................................................................................................................................... ........................................................................................................................................................................ แนวทางแกไ้ ข /แนวทางการพัฒนา (แนวทางการแก้ปัญหา/พฒั นานกั เรียนให้ได้ ตามตวั ชีว้ ัด คณุ ลักษณะ หรอื สมรรถนะของผ้เู รยี น) ......................................................................................................................................................................... .......................................................................................................................................................................... ....................................................................................................................................................................... ลงช่อื ................................................................. (นายภุมริน ยมหา) ตำแหนง่ ครูผชู้ ่วย

ใบความรทู้ ่ี 1.1 เรื่อง แนะนำการใช้ Photoshop CS6 เบ้ืองต้น โปรแกรม Photoshop CS6 - Photoshop เป็นโปรแกรมสำหรับสร้างและตกแต่งภาพทม่ี ีชือ่ เสยี งและได้รบั ความนยิ มมากที่สุด อันเน่ืองมาจากคณุ สมบตั ิเด่นซ่ึงมีอยู่อย่างมากมาย ไมว่ ่าจะเปน็ ความสามารถจัดการกบั ไฟล์สารพัดชนดิ ท่ใี ชใ้ น งานประเภทต่าง ๆ ท้ังรูปท่ีจะนำไปผ่านกระบวนการพิมพ์ และรูปที่นำไปใช้ในเว็บเพจหรือส่งผ่านสื่อ อิเล็กทรอนิคส์ มีความสามารถเป็นเย่ียมในการแก้ไขตกแต่งภาพ และการสร้างเอฟเฟ็คพิเศษต่าง ๆ มี เคร่ืองมือที่มีประสิทธิภาพและความยืดหยุ่นสูง สามารถบันทึกขั้นตอนท่ีต้องทำซ้ำ ๆ ไว้เรียกใช้ภายหลัง ตลอดจนมีผู้ผลิตปล๊กั อิน (plug-in) ให้เป็นจำนวนมาก ซึ่งปล๊ักอนิ กค็ ือโปรแกรมเสรมิ สำหรบั ช่วยให้การทำงาน ทีซ่ บั ซอ้ นสำเร็จลงได้อยา่ งรวดเรว็ ต่อไปนเี้ ป็นตัวอย่างของงานประเภทต่าง ๆ ซึ่งคุณสามารถใช้ Photoshop ช่วยจัดการได้อยา่ งงา่ ยดาย • แก้ไขภาพถ่าย ทีบ่ กพร่องหรือมีตำหนิ เช่น ปรับสีท่ีเพ้ียน ปรบั แสงเงาที่สว่างหรือมืดเกินไป ลบแสงแฟลชทส่ี ะทอ้ นในดวงตา • ตกแต่งภาพ เช่น ตัดส่วนท่ีไม่ต้องการออกไป ลบองค์ประกอบท่ีรกรุงรัง ปรับภาพให้เบลอ หรอื คมชัด ปรบั ผิวกายนางแบบใหข้ าวนวลและขจัดไฝฝา้ ตา่ ง ๆ ขจัดเมด็ สีทเ่ี กดิ ในภาพทส่ี แกนจากสงิ่ พมิ พ์ • ดดั แปลงภาพ เช่น ทำภาพใหมใ่ หก้ ลายเป็นภาพสซี ีเปยี แบบโบราณ หรอื แปลงภาพ เก่า ๆ ท่ีเปน็ ขาวดำใหก้ ลายเป็นภาพสี เปลย่ี นภาพคนใหอ้ ้วนข้ึน-ผอมลง หรือเดก็ -แกก่ วา่ ที่เปน็ จรงิ • ใส่เอฟเฟ็คต์พิเศษ ให้ภาพ เช่น ทำให้เหมือนกำลังมองภาพผ่านกระจกชนิดและลายต่าง ๆ หรือเหมือนเงาสะท้อนในนำ้ เปล่ียนภาพถา่ ยใหด้ ูคลา้ ยภาพวาดด้วยเครือ่ งมอื หลากหลายชนดิ ใส่ประกายแสง หรือเงาให้วตั ถุ ทำวตั ถุแบน ๆ ให้ดเู ปน็ 3 มติ ิ เปล่ยี นโทนสขี องภาพ • สรา้ งภาพกราฟิก ซึ่งผสมผสานระหว่างภาพถ่าย ข้อความ และภาพวัตถุหรือเอฟเฟ็กต์พิเศษ ทสี่ ร้างขึน้ ใน Photoshop เพื่อใช้ในงานผลิตสือ่ โฆษณา ทำปกหนงั สือหรือนิตยสาร หรอื ใชต้ กแตง่ เว็บเพจ ความเป็นมาของ Photoshop - Photoshop เป็นโปรแกรมของบริษทั Adobe (“อะ-โด-บี้”) ซึ่งเปน็ ผ้พู ัฒนา ซอฟต์แวรด์ า้ นกราฟกิ และอุตสาหกรรมการพมิ พ์รายสำคัญ รวมถึงเป็นผคู้ ิดค้นภาษา PostScript และไฟลแ์ บบ PDF (Portable Document Format) ที่ใช้กันในวงการพิมพ์และการจัดรูปแบบเอกสารบนอินเตอร์เน็ตด้วย ดังนั้น Photoshop จึงสามารถทำงานร่วมและแลกเปลี่ยนไฟล์กับโปรแกรมอ่ืน ๆ ท่ีใช้ทำงานด้านกราฟิกได้อย่าง กวา้ งขวาง เชน่ โปรแกรม Illustrator, PageMaker และ Acrobat ซ่งึ ทั้งหมดนี้เปน็ ของ Adobe เชน่ กัน - Photoshop ออกเวอร์ชน่ั แรกในปี 1990 และได้รบั การพฒั นาตอ่ เนอ่ื งมาเรือ่ ย ๆ เป็นเวอรช์ นั่ 2,2.5, 3, 4, 5, 5.5 และ 6 ,7 ,CS2,CS3,CS4,CS5 จนล่าสุดคือ เวอรช์ ่ัน CS6 ในขณะน้ี โดยมีขีดวามสามารถ ใหม่ๆ สำหรับการจัดการกับภาพข้ึนมาอีกตัวหน่ึง คือ Adobe Bridge CS 6 ซ่ึงเป็นโปรแกรมที่ใช้สำหรับ จดั การภาพถ่ายของเรา ซ่ึงทำหน้าที่เหมือนการทำงานใน Explorer หรือบางอยา่ งอาจจะทำได้ดีกว่าด้วยซ้ำ เช่น การจัดกลุ่มภาพ การแสดงรายละเอียดของภาพ เช่น กล้องที่ใช้ถ่ายด้วยเลนส์แบบไหน โฟกัสเท่าไร ค่า white balance เท่าไร เป็นต้น และท่ีสำคัญคือสามารถดูตัวอย่างไฟล์ภาพของ Photoshop นามสกุล .psd ได้ โดยไมต่ ้องเปดิ ดูใน Photoshop และยังมคี ำสง่ั อัตโนมัติทีส่ ามารถเลอื กใชก้ บั ไฟลภ์ าพได้อีกดว้ ย

เว็บกราฟิก และ Adobe Photoshop - องคป์ ระกอบสำคัญในการทำ Web ใหด้ นู ่าสนใจ คงหนีไม่พน้ รปู ภาพทน่ี ำมตกแต่ง ซ่ึงผพู้ ฒั นาหลายๆ คน บ้างก็นำภาพสำเร็จมาใช้งาน บ้างก็นำภาพจากเว็บอื่นๆ ที่ดูสวยงามมาใช้ และก็มีไม่น้อยที่สร้างภาพเอง โดยอาศัยโปรแกรมกราฟิกต่างๆ เช่น Photoshop, Photo Impact, Paint Shop เป็นต้น โปรแกรม Photoshop นับว่าเป็นโปรแกรมกราฟิกสุดฮิต ที่นยิ มใช้ในการปรับแต่งภาพ หรือสร้างภาพ เพ่ือนำมาใชง้ าน ในเว็บ เน่อื งจากมีฟงั ก์ชันการทำงาน ท่ีหลากหลาย มฟี ิลด์เตอรเ์ พื่อปรบั แต่งภาพ จากค่ายต่างๆ ทำให้ง่ายต่อ การปรับแต่งภาพตามต้องการ เดิมทีนิยมใช้ Photoshop เพ่ืองานสื่อส่ิงพิมพ์ (Desktop Publishing) แต่ ปจั จุบนั Web Design มบี ทบาทในงานธรุ กิจและงานการศกึ ษาสูงมาก จึงนำ Photoshop มาใชใ้ นงานนี้ด้วย การทำภาพกราฟิกเพ่ือใช้ในงานเว็บ มีหลักการเฉพาะ แตกต่างไปจากงานส่ือส่ิงพิมพ์ ท้ังเร่ืองความละเอียด ของภาพ (Resolution) ที่ใช้แค่ 72 dpi หรือจำนวนสที ่ีใช้แสดงผล เป็นตน้ ดังนัน้ การศึกษาถึง ลกั ษณะเฉพาะ ในการใช้ Photoshop สรา้ งกราฟกิ ในงานเว็บ จงึ เปน็ ศาสตรท์ ีน่ ่าสนใจอกี ศาสตร์หนึง่ การสร้างงานต้องตงั้ Resolution เปน็ 72 dpi ด้วย

ความสามารถของโปรแกรม Photoshop มีอยู่มากมายอย่างที่เรานึกไม่ถึงแต่ท่ีเป็นความสามารถหลักๆของตัวโปรแกรมเองจะถูกแบ่งเป็น 2 เรอ่ื ง คอื แก้ไขตกแตง่ ภาพถ่าย:งานนี้เป็นงานถนัดของ Photoshop เชน่ การแก้ไขภาพทีม่ อื ให้สวา่ งการลบร้ิว รอยท่ีไมต่ ้องการ ออกจากภาพรวมถึงตัดตอ่ นาภาพหลายๆภาพมารวมกนั โดยในสว่ นน้จี ะเรียกว่าเป็นสว่ นของ งานรที ชั ออกแบบ สร้างสรรคง์ านกราฟิก:ใช้ Photoshop ชว่ ยในการสรา้ งภาพสามติ ิความสามารถในสว่ นน้ีจะ เป็นเร่อื งของการขดี ๆ เขียนๆออกแบบสร้างงานกราฟกิ เชน่ การวาภาพตัวการ์ตูนหรือการออกแบบส่ือส่ิงพิมพ์ ชนิดตา่ งๆ 1. งานออกแบบส่ิงพมิ พ์ ในงานออกแบบสงิ่ พมิ พ์ทกุ ชนิด เช่น การออกแบบภาพสามมติ ิ , ออกแบบโลโก้ , แบนเนอร์,โบร ชัวร์,นามบัตร, ใบปลวิ , แผ่นพบั , หนังสอื , แคตาลอกสินค้า ,โปสเตอร์, ป้ายโฆษณา, ป้ายหนา้ รา้ นเรา สามารถใช้โปรแกรมPhotoshopช่วยในการทำงานไดเ้ ปน็ อย่างดี 2. งานออกแบบเวบ็ ไซต์ เพ่อื ใหเ้ ว็บไซต์จำเป็นอย่างย่ิงที่ต้องมีภาพกราฟิกท่ีสวยงามน่าสนใจท้ังการตกแต่งดว้ ยภาพขนาดต่าง ๆ การสร้างโลโก้ประกอบเว็บไซต์การสร้างตัวอกั ษรซึ่งการทำงานเหล่านี้จำเป็นที่จะต้องใช้โปรแกรม Photoshop ช่วยในการออกแบบ 3. งานแกไ้ ขซ่อมแซมภาพ ภาพต้นฉบับที่เราได้มาในบางครั้งมีข้อบกพร่องหลายๆ อย่าง เป็นต้นว่า ภาพมืดเกินไปภาพมีรอย ขรุขระหรือมี Noise, ภาพเบลอเกนิ ไปเป็นต้น การทเี่ ราจะนะภาพที่มขี อ้ บกพร่องเหลา่ นม้ี าใชง้ านจำเป็นตอ้ ง ทำการแก้ไขและซ่อมแซมภาพดังกล่าวกอ่ นเพ่ือให้ภาพที่มีความสมบูรณ์เหมาะสมกบั งาน 4. งานตดั ตอ่ ดัดแปลงภาพหรือสร้างสรรค์งานกราฟิกสมัยใหม่ งานกราฟกิ ปัจจุบันผสานเขา้ กับการใช้ชีวิตประจำวันจนเปน็ เร่ืองท่ีไม่ไกลตัวไม่ว่าจะเป็นถุงใส่ของปก ซดี ีปฏิทินตง้ั โต๊ะหน้าจอคอมพิวเตอร์เว็บไซต์หนังสือปกวารสารนิตยสารการด์ ป้ายประชาสมั พันธ์เครื่องหมาย สัญลักษณ์งานเหล่าน้ีก็เกิดจากการใช้งานโปรแกรมช่วยในการออกแบบนาภาพมาสร้างสรรค์งานกราฟิกท่ี สวยงามมีประโยชน์ใช้สอยที่ดตี ลอดจนมแี นวคิดในการออกแบบทด่ี ี ความต้องการของ Photoshop cs6 โปรแกรม Adobe Photoshop CS6 มีการพฒั นาคำสัง่ และเครื่องมอื ตา่ ง ๆ ขนึ้ อย่างมากมายจงึ เป็น โปรแกรมที่ต้องการทรพั ยากรเครอ่ื งค่อนข้างสงู และเพ่ือให้การสรา้ งงานกราฟกิ มีประสิทธิภาพและเปน็ ไปด้วย ความสะดวก จึงควรทำการตรวจสอบเครอื่ งคอมพิวเตอร์ท่ีใช้งานอยู่ ว่ามที รัพยากรเพยี งพอหรอื ไมก่ ่อนท่ีจะทำ การตดิ ตั้งโปรแกรม โดยคณุ สมบัติของเครือ่ งคอมพิวเตอร์ทเ่ี หมาะสมในการติดตัง้ โปรแกรม Adobe Photoshop CS6 มีรายละเอยี ดดังนี้ ➢ 1.1 ระบบปฏิบัติการ Microsoft Windows XP (Service Pack 3) หรอื ระบบปฏิบัติการ Windows 7 (Service Pack 1) หรอื ระบบปฏบิ ัติการ Windows 8 ➢ 1.2 หนว่ ยประมวลผลกลาง (CPU) เปน็ ของ Intel® Pentium® 4 หรอื AMD Athlon® 64 processor ขนึ้ ไป ➢ 1.3 หน่วยความจำ (RAM) ขนาด 1 GB ขนึ้ ไป ➢ 1.4 พื้นทจ่ี ดั เก็บข้อมูล (Hard disk) ขนาด 1 GB ของพ้นื ท่ีวา่ งบนฮาร์ดดิสกท์ ใี่ ช้ไดส้ ำหรับการ ตดิ ตง้ั ➢ 1.5 จอแสดงผลมีความละเอยี ดไม่นอ้ ยกวา่ 1024 x 768 พกิ เซล แสดงผลแบบ 16 บิตและมี

หน่วยความจำไม่นอ้ ยกว่า 256 MB ➢ 1.6 ไดรฟ์ DVD-ROM การเข้าสู่โปรแกรม Photoshop CS6 1. > ไปท่ี ปุ่ม start 2. > All program 3. > โฟลเดอร์ Adobe master collection cs6 4. > Adobe Photoshop CS 6 หมายเหตุ Adobe Photoshop CS 6 จะมีทั้ง 36 bit และ 64 bit คือ Adobe Photoshop CS 6 จะเป็น 32 bit ส่วน AdobePhotoshopCS6 (64bit) จะเป็น 64 bit การเลือกใช้ผมแนะนำถ้าเครื่อง 32 bit ให้ใช้ Adobe Photoshop CS 6 และถ้าเคร่ือง 64 bit ใหใ้ ช้ Adobe Photoshop CS 6 (64 bit) หากเปน็ เวอร์ช่ันอืน่ Function แต่ล่ะตวั อาจจะไมไ่ ดอ้ ย่ทู เ่ี ดยี วกัน

หน้าจอแรกของโปรแกรมPhotoshop เมอื่ เราเข้าโปรแกรมมาแลว้ จะเจอหน้าตา่ งการทำงานของโปรแกรม Photoshop cs6 ซง่ึ จะประกอบ ไปด้วย Menu bar option bar Toolbar Palette ต่างๆในการใชง้ านแตอ่ งค์ประกอบกจ็ ะแตกตา่ งกันไป การสรา้ งและกำหนดขนาดไฟลง์ านใหม่ ในกรณีท่ีเราต้องการสร้างไฟล์งานใหม่ ให้คลิกเมนู File -> New และให้ผู้ใช้กาหนดขนาดของ ไฟล์งานใหม่โดยระบชุ อื่ ไฟล์งาน ในชอ่ ง Name ขนาดความสงู ความกว้างของพน้ื ท่ีทำงาน ในส่วน ImageSize ตามความต้องการ กำหนดลักษณะพ้ืนหลังในส่วน Contents โดย White (สีขาว), BackgroundColor (สีท่ี เรากำหนด) , Transparent (สพี ื้นแบบ - โปร่งใส,ไม่แสดงสพี ้นื โลง่ ) การเปดิ ไฟล์ใหม่ขนึ้ มาทางาน 1. Click ทีเ่ มนู File 2. เลือกคาสัง่ New หรอื กด Ctrl + N 3. จะปรากฏหนา้ ต่าง New

Name ต้งั ชอ่ื ใหก้ บั งาน Preset ช่องสำหรับเลือกพนื้ ท่ี ทีโ่ ปรแกรมกำหนดมาให้ Width ความกวา้ ง ซง่ึ มีหน่วยต่าง ๆ เชน่ Pixel ,เซนตเิ มตร ,น้ิว Height ความสูง ซึ่งมีหน่วยตา่ ง ๆ เช่น Pixel , เซนตเิ มตร ,นิว้ Resolution ค่าความละเอยี ด ( ซ่งึ ความละเอียดบนหนา้ จอ = 72) color mode เลอื กชนดิ ของระบบสี การเปดิ ไฟลภ์ าพ เม่อื เรามีรปู ภาพ เช่น ภาพถ่ายซึ่งต้องการนามาปรบั แต่งเพ่ิมเติมเราจะต้องทำการเปดิ ไฟลร์ ูปภาพน้ัน ข้ึนมา จากนั้นค่อยกำหนดรูปแบบการปรบั แต่งตามความต้องการการเปิดไฟล์รูปภาพทำได้โดยคลิกท่ีเมนูFile- >Open จะปรากฏวนิ โดว์ Open จากคลกิ เลือกชอื่ ไฟล์รูปภาพทตี่ ้องการเมอ่ื ได้ภาพทตี่ อ้ งการแล้วใหค้ ลิกทป่ี ุ่ม Open ถา้ ตอ้ งการยกเลกิ ใหค้ ลกิ ท่ปี มุ่ Cancel - การเปิด File jpegต่างๆ การเปดิ ไฟล์ใหม่ข้นึ มาทำงาน 1. Click ที่เมนู File 2. เลอื กคาสงั่ Open หรอื กด Ctrl +O 3. จะปรากฏหนา้ ต่างเพื่อหาไฟลข์ ้ึน

ภาพแสดงการคน้ หาและเลือกไฟล์ทต่ี อ้ งการเปดิ 4. จะได้ไฟลภ์ าพท่เี ราตอ้ งการ การย่อ-ขยายภาพ 1. เราตอ้ งการแก้ไขขนาดรูปภาพท่เี ราไดเ้ ปดิ ขึน้ มาให้ตรงกับความต้องการให้คลิกทเ่ี มนู Image->Image Size จะปรากฏวินโดว์ Image Size จากนั้นให้กำหนดขนาดของรูปภาพเปิดภาพท่ีเรา ตอ้ งการจะย่อหรือขยาย ขนาด ดว้ ยโปรแกรม Photoshop CS6

2. ไปทีเ่ มนู Image => Image Size หรอื กดปุ่ม Alt + Ctrl = I 3. จากรูปจะไดค้ า่ ดังนี้ - Pixel Dimensions จะมีขนาดอยู่ 306.8k ท่ีขนาดกว้างยาว 283x370pixel - Document Size จะอยู่ท่ี 9.99x13.04cm (เราสามารถปรบั เปลี่ยนหน่วยเป็นนิ้ว,%,mm หรือ อย่างอื่นกไ็ ด้) - Resolution โดยท่ัวไปถ้าเป็นรูปทใ่ี ช้ตาม web social ต่างๆ เรามกั จะใช้แค่ 72 ppi (pixelperinch) แต่ถ้าเป็นตามขนาดงานพิมพ์แล้วแค่ตรงน้ีควรจะสงู ๆไวก้ ่อนเพื่อความละเอยี ดของงาน - ควรจะเลือก Constrain Proportions ไว้ทุกคร้ังเพื่อที่จะคงอัตราส่วนกว้าง-ยาวเอาไว้ คราว น้ี เราจะเพ่ิมหรือขนาดรูป ก็สามารถทำได้เลยโดยการปรับแก้ท่ีช่องตามท่ีได้อธิบายด้านบน ตามวัตถุประสงค์ของ เราแก้เสร็จกเ็ ซฟงานได้เลย

4. ในการเซฟไฟล์ โปรแกรม Photoshop CS 6 จะถามเราอกี คร้ัง ในเร่อื งของคุณภาพไฟล์วา่ จะเอา ขนาดไหน(ตามรปู ) ใน ตวั อย่างจะเลือกแค่ 8 กพ็ อเพยี งพอแลว้ โดยค่าย่งิ มากขนาดไฟล์กจ็ ะใหญข่ ึ้นตาม การบนั ทกึ งานบนั ทกึ ไฟล์ Photoshop(.PSD) การแก้ไขไฟล์ภาพโดยการสร้างกราฟิก เพ่ิมการตัดต่อหรือเปลี่ยนแปลงลักษณะของไฟล์ภาพท่ีมีผล กับโครงสร้างเดิมของภาพเมอื่ เลือกคำสั่ง File > Save จะแสดงไดอะล็อกบ็อกซ์ Save As ข้ึนมาโดยจะเลือก รปู แบบของไฟล์เปน็ Photoshop (*.PSD, *.PDD) เป็นค่าพ้นื ฐานดังน้ี คุณสมบัติของไฟล์ PSD จะเก็บรายละเอียดการทำงานต่าง ๆ เชน่ เลเยอร์, ฟอนต์และเสน้ พาธ ไวไ้ ด้ อยา่ ง ครบถว้ นชว่ ยให้การนำไฟล์ภาพกลบั มาแกไ้ ขทำได้ง่ายในขณะทไ่ี ฟล์ประเภทอื่นจะเกบ็ ขอ้ มลู เหลา่ นี้ไมไ่ ด้ หรือได้เพยี งบางสว่ น

บันทกึ ไฟลท์ บั ของเดิม การเปิดไฟล์ภาพมาตกแต่งส,ี แสงเงาหรือกำหนดค่าเอฟเฟ็กต์ให้กับภาพแต่ไมไ่ ดใ้ ช้คำสง่ั เกีย่ วกับการ สร้างเลเยอร(์ เลเยอร์คือช้ันที่จัดวางรูปภาพ)หรือสร้างกราฟิกอื่นๆเพิ่มเติมในภาพเมื่อเลือกคำส่ัง File>Save โปรแกรมจะให้บันทึกทับชื่อไฟล์เดมิ รูปแบบเดิม(จะไม่มีไดอะล็อกบ๊อกซ์SaveAs เปิดข้ึนมาหากไม่ต้องการให้ทับ ไฟล์เดมิ ต้องคลิก เลือกคาสั่ง File>SaveAs ) บันทึกเป็นไฟล์รูปแบบอื่นๆ นอกจากการบันทึกเป็นไฟล์ .psd และบนั ทกึ ลงในรูปแบบของไฟล์ต้นฉบันเดิม แลว้ ยังบันทกึ ไฟล์ ภาพเก็บไว้ในรูปแบบอนื่ ๆ ได้ตามต้องการ โดยคลิกเลอื กคำสั่ง File > Save As แล้วเลือกรูปแบบของ ไฟล์ในช่อง Format ซึง่ จะมีรปู แบบไฟลใ์ หเ้ ลอื กหลายแบบดังภาพ การเลกิ ใชง้ านโปรแกรม เมือ่ เราต้องการเลกิ ใช้งานโปรแกรม Adobe Photoshop ดำเนินการดังน้ี

- คลิกเลือกคำสั่ง File --> Exit หรอื คลิกเมาสท์ ี่เคร่อื งหมาย - จากนั้นโปรแกรมจะปิดโดยอตั โนมัติ

ใบงานท่ี 1.1 เรอ่ื ง เรอื่ งแนะนำการใช้ Photoshop CS6 เบ้ืองตน้ คำชแี้ จง : ใหน้ ักเรียนตอบคำถามตอ่ ไปนม้ี าพอสังเขป 1. จงอธิบายหมาย และลกั ษณะงานท่เี กี่ยวกบั โปรแกรม Adobe ใช้ Photoshop CS6 มาพอเขา้ ใจ ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………... ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………... ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………... 2. จงอธิบายการเขา้ สู่โปรแกรม Photoshop CS6 มกี ีข่ น้ั ตอนอะไรบ้าง ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………... 3. คณุ สมบัตขิ องเคร่ืองคอมพิวเตอรท์ ่ีเหมาะสมในการติดตัง้ โปรแกรม Adobe Photoshop CS6 มี คุณสมบตั ิอย่างไร ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………... ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………...

แผนการจัดการเรยี นรู้ท่ี 2 เรือ่ ง ขนาดและความละเอยี ดของภาพ รหัสวชิ า ว 32249 รายวิชา คอมพิวเตอรก์ ราฟิก กลุ่มสาระการเรียนรู้ วทิ ยาศาสตร์และเทคโนโลยี ชน้ั มัธยมศึกษาปที ่ี 5/3 ภาคเรยี นที่ 2 ปกี ารศึกษา 2563 หน่วยการเรยี นรูท้ ี่ 1 เร่อื ง รจู้ กั โปรแกรม Photoshop CS6 เบือ้ งต้น เวลา 50 นาที วนั ที่ 17 พฤศจิกายน 2563 ครผู ู้สอน นายภมุ รนิ ยมหา ผลการเรยี นรู้ - นักเรยี นอธบิ ายและเลอื กวธิ กี ารตั้งคา่ การใช้ภาพท่ีมีขนาดตามตอ้ งการได้ จุดประสงค์การเรียนรู้ - นกั เรยี นอธบิ ายวธิ ีการต้งั คา่ การภาพทมี่ ขี นาดตามต้องการในโปรแกรม Photoshop CS6 ได้ - นักเรยี นเลือกใช้ กำหนด ปรับขนาดภาพตอ้ งการในโปรแกรม Photoshop CS6 ได้ - ใฝเ่ รียนรู้ มีความมุง่ มั่นในการทำงาน และมีความรบั ผิดชอบ สาระสำคญั - คอมพวิ เตอร์มบี ทบาทในชีวิตประจำวนั เพิ่มมากขึ้น โปรแกรม Photoshop CS6 จึงมคี วามจำเป็นต่อ นกั เรียน วิธีการต้ังคา่ การใชภ้ าพทมี่ ขี นาดตามตอ้ งการ การรจู้ ักโปรแกรมเบอ้ื งต้น การใช้เครอ่ื งมือต่าง ๆ ของ โปรแกรม Photoshop CS6 สาระการเรียนรู้ - ขนาดและความละเอยี ดของภาพ ด้านคณุ ลักษณะอันพงึ ประสงค์ - มวี ินัย - มีจิตสาธารณะ - มุง่ มั่นในการทำงาน สมรรถนะผเู้ รียน - ความสามารถในการสื่อสาร - ความสามารถในการคดิ - ความสามารถในการแก้ปญั หา

กระบวนการเรียนรู้/การจัดกิจกรรม ขั้นนำเขา้ สบู่ ทเรียน 1. ครบู อกถึงขนาดของภาพแต่ละชนดิ แต่ละขนาดมีความแตกต่างกันออกไป ขน้ึ อยกู่ บั ชนดิ และ ประเภทของภาพที่เราไดเ้ ลือกนนั้ เอง 2. ครใู หน้ ักเรียนเตรียมเปดิ เครอื่ งใหพ้ ร้อม ขนั้ สอน 3. ครูแจกใบความรู้การกำหนดขนาดและความละเอียดของภาพ Photoshop cs6 2. ครอู ธบิ ายตามใบความรู้ วิธีการกำหนดขนาด ดขู นาดและความละเอยี ดของรปู ภาพ วิธลี ดขนาด รปู Photoshop CS 6 และใหน้ ักเรยี นได้ศกึ ษาตามใบความรู้ 3. ครูให้นักเรยี นทำตามข้นั ตอนการกำขนาดและความละเอยี ด รปู ภาพ 4. นกั เรยี นศึกษาความรเู้ ป็นรายบคุ คล เพ่อื ให้เข้าใจมาย่งิ ขึ้นให้นักเรียนศกึ ษาผ่านเว็บสือ่ การสอน Photoshop cs6 จากอนิ เตอรเ์ น็ตและการแนะนำจากครู เพือ่ ศึกษาขน้ั ตอนการทำจากวิดโี อในเวบ็ 5. ใหค้ ้นหารปู ภาพ คนละ 1 รูปภาพในอนิ เตอรเ์ น็ต และให้นกั เรยี นหาขนาดและรายละเอียดตา่ งๆ ของรูปภาพ 6. ครูแจกใบงานที่ 1.2 เรอ่ื ง การกำหนดขนาดและความละเอียดของภาพ ข้ันสรปุ 7. ครสู ังเกตพฤตกิ รรมการปฏิบตั งิ านตามคำสั่ง 5. ครแู ละนกั เรียนชว่ ยกนั สรุปสาระสำคญั ของโปรแกรม Photoshop CS6 การวดั ผลประเมนิ ผล 1. วธิ กี ารวัด - สังเกตการฟงั การตอบคำถาม การปฏบิ ัตงิ าน - ใบงานงาน 2. เคร่ืองการวดั ผลประเมินผล - แบบสังเกตพฤตกิ รรม - ตรวจใบงาน 3. เกณฑก์ ารวัดผลประเมินผล ใชก้ ารผา่ นเกณฑ์ ร้อยละ 60 ขึ้นไป สื่อ/แหลง่ การเรียนรู้ - หอ้ งคอมพิวเตอร์ - เว็บส่อื การสอน Photoshop CS6 - อนิ เตอรเ์ นต็ - ใบความรู้ท่ี 1.2 เร่ือง การกำหนดขนาดและความละเอียดของภาพ - ใบงานที่ 1.2 เรอ่ื ง การกำหนดขนาดและความละเอยี ดของภาพ

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

ใบงานที่ 1.2 เร่อื ง การกำหนดขนาดและความละเอียดของภาพ คำช้ีแจง ใหน้ กั เรยี นตอบคำถามตอ่ ไปนใ้ี หถ้ ูกต้อง 1. จงอธิบายขน้ั ตอนการกำหนดขนาดของรปู ภาพและความละเอียดมาพอเขา้ ใจ ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………. ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………. ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………. ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………….

ใบความรู้ท่ี 1.2 เรือ่ ง การกำหนดขนาดและความละเอยี ดของภาพ รู้จักการกำหนดขนาดของงานทีเ่ ราตอ้ งการจะสร้าง File > New หรือกดปุ่ม Ctrl+N ก็ไดค้ รบั ปรากฏหน้าตา่ ง New ตามภาพดา้ นล่าง โดยมีรายละเอียดดงั นี้ Name : นกั เรยี น สามารถตง้ั ชื่อไฟลท์ ่ีตอ้ งการได้ทนั ที แต่หากยังไม่ต้องการตั้งกใ็ ช้ชอ่ื ที่ให้มา ได้ กอ่ น Untitled-1 Preset : ใชส้ ำหรบั เลอื กลกั ษณะของงานที่คุณต้องการจะทำ เชน่ สร้างเวบ็ ไซต์ หรือ ทำรปู ภาพ Width : กำหนดหน่วยความกว้างให้กบั ชนิ้ งาน (หน่วยดา้ นหลังเลอื กไดห้ ลายลักษณะใหเ้ หมาะสม กบั งาน) Height : กำหนดความสงู ใหก้ ับชน้ิ งาน (หนว่ ยดา้ นหลงั เลือกได้หลายลกั ษณะใหเ้ หมาะสมกบั งาน) Resolution : เป็นการกำหนดความละเอียดใหก้ ับชน้ิ งานหากเป็นงานเวบ็ ไซต์ 72 pixels/Inch ท่ใี ห้ มากส็ ามารถใชง้ านได้ แต่ถา้ เปน็ งานรปู ภาพกำหนดเปน็ 300 pixels/Inch (ย้ำวา่ ไม่ใชส่ ูตรตายตวั นะครบั ลอง เอาไปประยุกต์ตามความเหมาะสม) Color Mode : เลือกโหมดสีทีต่ อ้ งการ หากต้องการทำงานรปู ภาพธรรมดาผมเลือก RGB Color แต่ ถ้าต้องการทำงานปา้ ยโฆษณาลองเลอื ก CMYK ดูสีจะถูกตอ้ งมากกว่า

Background Contents : ค่าเดมิ กำหนดมาเป็นสขี าว นอกจากนย้ี ังมคี า่ อีก 2 ค่าให้เลือก นั่นคอื Background Color (เลือกตามสีพื้นหลงั ) และ Transparent (เน้นท่ีทำภาพแบบไม่มีพื้นหลงั ) เพยี งเทา่ นีเ้ รากก็ ำหนดรายละเอียดต่าง ๆ เสรจ็ แลว้ พร้อมสำหรับการทำงานขน้ั ตอ่ ไป รู้จกั กบั คา่ ความละเอียดของภาพ (Resolution) Resolution คือ คา่ ความละเอียดของภาพ ๆ หน่ึงซง่ึ กำหนดเป็นจำนวนเม็ดสี (pixels) ตอ่ หน่งึ หน่วย ความยาวของภาพ ตัวเช่น หากภาพน้นั มีคา่ Resolution = 150 pixels/inches แสดงว่าในพน้ื ท่ี 1 ตารางนิ้ว ของภาพนั้นประกอบไปดว้ ยเมด็ สจี ำนวน 150 สี (Pixels) เป็นต้น ภาพทมี่ ีความละเอยี ด Resolution ตำ่ ภาพท่มี ีความละเอียด Resolution สูง (มีจำนวนเมด็ สีน้อย) (มจี ำนวนเมด็ สมี ากกวา่ ในขณะทม่ี พี น้ื ทเี่ ทา่ กนั )

ทำไมเราตอ้ งกำหนดค่า Resolution - ในการทำงานนัน้ จะตอ้ งอา้ งองิ ถงึ ค่าอยู่เสมอเพื่อให้เกดิ ความเหมาะสมกบั การใชง้ านประเภทต่าง ๆ นอกจากนน้ั ยงั เกี่ยวขอ้ งกับขนาดไฟล์งานอีกดว้ ย เพราะงานท่ีมีค่า Resolution สูงกจ็ ะมีขนาดของไฟลใ์ หญ่ ข้นึ ตามไปดว้ ย ซ่ึงอาจทำให้เกิดปัญหาในการทำงาน เชน่ ทำให้เครอ่ื งคอมพวิ เตอรข์ องคุณประมวลผลช้าลงใน กรณีที่ สเปคเคร่อื งไม่สูงนกั ซง่ึ หน่วยของ Resolution ท่ีใชก้ ันอยู่ 2 แบบคือ pixels/inch จำนวนหรือปรมิ าณของเมด็ สี ในพ้นื ที่ 1 ตารางนิ้ว pixels/cm จำนวนหรอื ปริมาณของเม็ดสี ในพืน้ ท่ี 1 ตารางเซน็ ตเิ มตร คา่ Resolution ท่เี รานยิ มใช้คือ จำนวนพิเซลต่อนว้ิ หรือ pixels/inch ( ppi ) น่ันเอง ภาพขนาด 1024x768 Resolution = 300 ppi ขนาดไฟล์ 2.87M เม่อื ขยาย 200 เท่า ภาพขนาด 1024x768 Resolution = 72 ppi ขนาดไฟล์ 169 k เม่อื ขยาย 200 เทา่ นอกจากภาพทีม่ ีค่า Resolution สงู จะใช้ความคมชัดกว่าแลว้ ขนาดไฟล์งานกจ็ ะใหญ่กว่าดว้ ย กำหนดคา่ Resolution ในการใช้งานทว่ั ๆ ไปเรามกั กำหนดความละเอียดของงานหรือค่า Resolution อยู่ที่ 100-1150 ppi (pixels/inch) แต่สำหรับการทำงานเกย่ี วกับเวบ็ ไซตน์ ้นั เราจำเป็นต้องใช้งานทมี่ คี วามละเอียดน้อยเพือ่ ให้มี การแสดงผลท่รี วดเรว็ จึงมักใช้คา่ Resolution = 72 ppi สำหรับการออกแบบสิง่ พมิ พเ์ รามกั จะกำหนหดคา่ Resolution อย่ทู ่ี 300-350 ppi เพราะต้องการ ความคมชัดในการแสดงผลสูง เชน่ งานออกแบบสง่ิ พมิ พ์ งานนติ ยสาร โปสเตอร์ขนาดใหญ่ และสมุดภาพการ ตง้ั คา่ ของ Resolution ใหไ้ ปท่ี Image - Image size



แผนการจดั การเรยี นรู้ท่ี 3 เร่อื ง สว่ นประกอบของโปรแกรม Photoshop CS6 รหัสวชิ า ว 32249 รายวิชา คอมพิวเตอร์กราฟิก กลุ่มสาระการเรยี นรู้ วิทยาศาสตร์และเทคโนโลยี ชั้นมัธยมศึกษาปีท่ี 5/3 ภาคเรียนท่ี 2 ปกี ารศกึ ษา 2563 หน่วยการเรยี นร้ทู ่ี 1 เร่ือง รูจ้ ักโปรแกรม Photoshop CS6 เบอื้ งตน้ เวลา 50 นาที วนั ท่ี 24 พฤศจิกายน 2563 ครูผู้สอน นายภุมริน ยมหา ผลการเรียนรู้ - นักเรยี นมีความรคู้ วามเข้าใจส่วนประกอบของโปรแกรมและสามารถบอกสว่ นประกอบของโปรแกรม ต่างๆในโปรแกรม Adobe Photoshop CS6 ได้ สาระสำคญั - การทำความรูจ้ ักและสรา้ งความคุ้นเคยกบั สว่ นประกอบตา่ ง ๆ ของโปรแกรมเปน็ พ้นื ฐานที่ดีที่จะนำไป สกู่ ารใช้งานโปรแกรมในระดับสงู เพราะจะทำให้เรามีความคล่องตวั เปน็ อยา่ งมากในการทำงานทม่ี คี วามสลับ ซบั ซอ้ นมาก ๆ เราจะมาทำความรู้จักกับหน้าตา และสว่ น ต่าง ๆ ของ Photoshop CS6 กนั เมื่อเราเปดิ โปรแกรม Photoshop CS6 ข้ึนมาเราก็เหน็ พื้นท่ที ำงานของโปรแกรม Photoshop CS6 ถกู เปิดข้นึ มา ซึง่ ภายในจะประกอบ ไปดว้ ยส่วนการทำงานหลักดงั ต่อไปน้ี - เมนบู าร์ (Menu Bar) - แทบ็ ช่อื ไฟล์ภาพ - พ้นื ทใี่ นการทำงานของ Photoshop (Workspace) - กล่องเคร่ืองมือ (Toolbox) - ออปช่ันบาร์ (Option Bar) - พาเนล (Panel) (ชั่วโมงที่ - ทูลพาเนล (tool Panel) จดุ ประสงค์การเรยี นรู้ - เพ่อื ใหน้ ักเรียนมีความรคู้ วามเข้าใจส่วนประกอบของโปรแกรมและสามารถบอกข้นั ตอนการใช้ เครอื่ งมอื ต่างๆในโปรแกรม Adobe Photoshop CS6 ได้ เชน่ กำหนดพืน้ ทเ่ี พื่อแก้ไขภาพ, สร้างข้อความและเปลยี่ น รปู รา่ งของรปู ภาพได้ (K) - เพื่อใหน้ ักเรียนสามารถใช้แถบเมนแู ละแถบเครอื่ งมอื ของโปรแกรม Adobe Photoshop CS6 ใน การฝึกทักษะการตกแตง่ แกไ้ ข และเปลยี่ นแปลงรูปภาพ เชน่ การทำใหภ้ าพสว่างขึน้ การลบพืน้ หลงั หรือสว่ นท่ไี ม่ตอ้ งการ ออก และสามารถใสข่ ้อความตวั อกั ษรได้ (P) - เพือ่ ให้นกั เรยี นเกดิ ความภาคภูมิใจในผลงานของตนเอง มคี วามสขุ สนุก และมคี วามสนใจในการใช้ โปรแกรม Adobe Photoshop CS6 เพ่อื ตกแตง่ ภาพและนำไปประยุกต์ใชไ้ ด้ด้วยตนเอง (A)

สาระการเรยี นรู้ - เมนูบาร์ (Menu Bar) - แท็บชือ่ ไฟลภ์ าพ - พน้ื ที่ในการทำงานของ Photoshop (Workspace) - กลอ่ งเคร่อื งมือ (Toolbox) - ออปชน่ั บาร์ (Option Bar) - พาเนล (Panel) (ชว่ั โมงท่ี - ทลู พาเนล (tool Panel) ด้านคณุ ลักษณะอันพงึ ประสงค์ - มีวินัย - มีจิตสาธารณะ - มคี ุณธรรม - มงุ่ ม่ันในการทำงาน สมรรถนะผู้เรยี น - ความสามารถในการสือ่ สาร - ความสามารถในการคิด - ความสามารถในการแกป้ ญั หา กิจกรรมการจดั การเรียนรู้ ขน้ั นำเข้าสบู่ ทเรยี น 1. ครสู นทนากับนกั เรียนเก่ียวกบั โปรแกรม Adobe Photoshop CS6 ขนั้ กจิ กรรม 2. ครูแจกใบความรทู้ ี่ 1.3 เรื่อง ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 และ ใหน้ ักเรยี น เพือ่ ใชใ้ นการประกอบการเรียนการสอน 3. ครูอธิบายสว่ นประกอบและหนา้ ทข่ี องสว่ นประกอบในโปรแกรม Adobe Photoshop CS6 ให้นกั เรยี นฟงั ท่ีละตวั เพอ่ื ใหเ้ กิดความเข้าใจในการเรียนร้แู ล้ว สอนการใชง้ านงานเคร่อื งมอื - เมนบู าร์ (Menu Bar) - แท็บช่อื ไฟล์ภาพ - พ้นื ทีใ่ นการทำงานของ Photoshop (Workspace) - กล่องเคร่ืองมอื (Toolbox) - ออปชัน่ บาร์ (Option Bar) - พาเนล (Panel) (ชั่วโมงที่ - ทลู พาเนล (tool Panel) 4. ครใู ห้นักเรยี นทำใบงานท่ี 1.3 เรือ่ ง สว่ นประกอบของโปรแกรม Adobe Photoshop CS6 5. ใหน้ ักเรยี นทำแบบทดสอบหลงั เรียน เรื่อง รู้จกั โปรแกรม Photoshop CS6 จำนวน 20 ขอ้

ขนั้ สรุปบทเรยี น 6. ครสู ังเกตพฤตกิ รรมการเรียน 7. ครูและนกั เรยี นช่วยกนั สรุปเนอ้ื หาที่เรยี นไปในวันน้ี การวัดผลประเมนิ ผล 1. วธิ ีการวัด - สังเกตการฟัง การตอบคำถาม การปฏิบัติ - ตรวจใบงานท่ี 1.3 เรอ่ื ง สว่ นประกอบของโปรแกรม Adobe Photoshop CS6 2. เครือ่ งการวดั ผลประเมินผล - แบบสังเกตพฤติกรรม - ใบงานที่ 1.3 เร่ือง สว่ นประกอบของโปรแกรม Adobe Photoshop CS6 3. เกณฑ์การวัดผลประเมนิ ผล ใช้การผา่ นเกณฑ์ ร้อยละ 60 ข้นึ ไป ส่อื /แหล่งการเรียนรู้ - คอมพวิ เตอร์ - เครื่องขยายเสียง - ใบความรูท้ ี่ 1.3 เรือ่ ง สว่ นประกอบของโปรแกรม Adobe Photoshop CS6 - ใบงานที่ 1.3 เรื่อง สว่ นประกอบของโปรแกรม Adobe Photoshop CS6 - แบบทดสอบหลงั เรียน จำนวน 20 ข้อ - เวบ็ สอ่ื การสอน โปรแกรม Adobe Photoshop CS6 - โปรแกรม Adobe Photoshop CS6

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

ใบความรูท้ ี่ 1.3 เรอื่ ง สว่ นประกอบของโปรแกรม Adobe Photoshop CS6 1. เมนบู าร์ (Menu Bar) : ประกอบดว้ ยกลุม่ คำสงั่ ตา่ งๆ ทใ่ี ช้จดั การกบั ไฟล์, ทำงานกบั รูปภาพ และ ใช้การปรับแต่งการทำงานของโปรแกรม โดยแบ่งเมนูตามลักษณะงาน นอกจากน้ีบางเมนูหลัก จะมีเมนูย่อย ซ้อนอยู่ โดยสังเกตจากเคร่ืองหมายลูกศรสีดำ แถบเมนูคำสง่ั ประกอบไปด้วยท้ังหมด 10 เมนูคำส่ัง โดยแสดง ช่ือเมนคู ำสงั่ และรูปแบบการทำงาน ส่วนประกอบตา่ ง ๆ ของโปรแกรม Adobe Photoshop CS6 1. File หมายถงึ รวมคาสั่งท่ใี ช้จัดการกบั ไฟล์รปู ภาพ เช่น สร้างไฟลใ์ หม่, เปดิ , ปดิ , บนั ทึกไฟล์, นำเขา้ ไฟล์, สง่ ออกไฟล์ และอนื่ ๆ ท่เี ก่ียวกับไฟล์ 2. Edit หมายถึง รวมคำสงั่ ท่ีใช้สำหรบั แก้ไขภาพ และปรบั แต่งการทางานของโปรแกรม เบอ้ื งต้น เชน่ ก็อปป้ี ,วาง, ยกเลกิ คาส่ัง, แกไ้ ขเครื่องมอื และอนื่ ๆ 3. Image หมายถงึ รวมคำส่งั ท่ใี ช้ปรับแตง่ ภาพ เชน่ สี, แสง, ขนาดของภาพ (image size), ขนาดของ เอกสาร (canvas), โหมดสีของภาพ, หมนุ ภาพ และอ่ืน ๆ 4. Layer หมายถงึ รวมคำส่งั ทีใ่ ชจ้ ัดการกับเลเยอร์ ท้ังการสร้างเลเยอร์, แปลงเลเยอร์ และการ จัดการ กับเลเยอร์ในด้านตา่ ง ๆ 5. Type รวมคำส่งั ที่ใช้ปรับแต่งข้อความ แปลงข้อความ 6. Select รวม คำสัง่ เกยี่ วกับการเลือกวัตถุหรอื พื้นทบี่ นรปู ภาพ (Selection) เพื่อนำไปใช้งาน ร่วมกับ คำสัง่ อืน่ ๆ เช่น เลือกเพื่อเปล่ียนส,ี ลบ หรอื ใชเ้ อฟเฟ็กต์ต่าง ๆ กบั รูปภาพ 7. Filter เป็นคำสัง่ การเล่น Effects ต่างๆสำหรบั รูปภาพและวัตถุ 8. View เป็นคำส่งั เกย่ี วกบั มุมมองของภาพและวัตถใุ นลกั ษณะตา่ งๆ เช่น การขยายภาพและย่อ ภาพให้ดเู ลก็ 9. Window เปน็ สว่ นคำสั่งในการเลอื กใช้อุปกรณเ์ สริมตา่ งๆทจ่ี าเปน็ ในการใชส้ รา้ ง Effects ต่างๆ 10. Help เปน็ คำส่ังเพื่อแนะนำเกย่ี วกบั การใชโ้ ปรแกรมฯ และจะมลี ายละเอยี ดของโปรแกรมอยู่ ในนั้น 2. ไตเต้ลิ บาร์ (Title Bar) แถบชอื่ เรอื่ ง (Title Bar) เปน็ ส่วนที่แสดงชื่อไฟล์ภาพทเ่ี ปิดใชง้ านอยู่ สำหรบั โปรแกรม Adobe Photoshop CS6 แถบชอ่ื เรื่องจะเรียงกันเปน็ แท็บ (Tab) ดงั แสดงในภาพ ดังต่อไปนี้

3. ออปชนั่ บาร์ (Option Bar) : เป็นส่วนทีใ่ ช้ปรับแตง่ คา่ การทำงานของเครอื่ งมือตา่ งๆ โดย รายละเอยี ดในออปชน่ั บารจ์ ะเปลี่ยนไปตามเครอ่ื งมอื ท่ีเราเลอื กจากทูลบอ็ กซ์ในขณะนั้น เช่น เมอื่ เราเลอื ก เคร่ืองมือ Brush (พ่กู ัน) บนออปชัน่ บาร์จะปรากฏ ออปชั่นที่ใช้ในการกำหนดขนาด และลักษณะหัวแปรง, โหมดในการระบายความโปรง่ ใสของสี และอัตราการไหลของสี เป็นตน้ 4. กล่องเครอ่ื งมือ (Toolbox) เปน็ สว่ นที่ใช้เก็บเครื่องมอื พื้นฐานในการทางาน ในโปรแกรม สามารถ เรียกใชช้ ุดเครอื่ งมือย่อยโดยการ คลกิ รปู สามเหลี่ยมที่มุมดา้ นลา่ ง ดงั แสดงในภาพ ดังต่อไปน้ี 5. พาเนล (Panel) ใช้สำหรับจดั การกบั ภาพ โดยแยกออกเป็นหมวดหมู่ เชน่ พาเนลสำหรบั เลือก สี พาเนล สำหรับปรบั แต่งความสวา่ ง เป็นต้น พาเนลแต่ละแบบมีหน้าท่ีและการใช้งานแตกต่างกันออกไป โดย สามารถเลือกเปิดหรอื ปดิ พาเนลได้จากเมนูคาสัง่ Window 5.1 Navigator ใช้ปรบั มมุ มองของภาพ โดยคลิกเลือกบริเวณ Zoom Slider เพือ่ ย่อขยายมมุ มอง ภาพ

5.2 Color ใช้กำหนดสีพ้นื หนา้ (Foreground) และสีพื้นหลงั (Background) โดยการเลื่อนแถบสี เพื่อปรับแตง่ ตามต้องการ 5.3 Swatches ใช้กำหนดสีแบบสำเรจ็ รูปที่โปรแกรมกำหนดไว้ หรือสร้างสีขน้ึ มาใหมเ่ องได้ โดยการ คลิกเลือกสีที่ต้องการเพ่อื ความสะดวกในการใช้งาน 5.4 Styles ใช้สำหรับกำหนดการตกแตง่ รปู แบบต่าง ๆ ที่โปรแกรมกำหนดขึน้ มา เชน่ การตกแต่งสี ใหก้ ับรปู แบบข้อความ

5.5 Adjustments ใช้ปรับแตง่ สีใหก้ ับภาพ เพ่ือแก้ไขขอ้ บกพร่องหรอื สที ี่ผิดเพยี้ น 5.6 Layers ใช้ควบคุมการใช้งานเลเยอร์ต่าง ๆ ที่เกดิ จากการสร้างช้ินงาน ดงั แสดงในภาพท่ี 12 5.7 History ทำหนา้ ทใ่ี นการเก็บรายละเอยี ดข้นั ตอนการทำงานท้ังหมดทผี่ ่านมา เพอื่ อำนวย ความสะดวกเมื่อต้องการยอ้ นกลับไปใช้คำสัง่ เก่าหรือยอ้ นดูการทำงานทผี่ า่ นมา

6. แถบสถานะ (Status Bar) เป็นสว่ นที่แสดงคณุ สมบัตเิ ก่ยี วกบั ภาพ เชน่ เปอรเ์ ซน็ ต์ในการยอ่ ขยายไฟลภ์ าพ ขนาดไฟล์ภาพ เปน็ ตน้ 7. พ้นื ทใ่ี ชง้ าน (Working Area) เป็นสว่ นทีใ่ ช้ในการสรา้ งงานกราฟิก โดยการเปดิ ไฟล์ภาพเพอื่ แก้ไขบนพ้นื ท่ีใช้งาน หรือวาดภาพใหม่ลงไปบนพนื้ ท่ีใช้งาน

ใบงานท่ี 1.3 เรอื่ ง ส่วนประกอบของโปรแกรม Adobe Photoshop CS6 ชอ่ื -สกุล…………………………………………………..เลขท่ี……...ชน้ั มธั ยมศกึ ษาปที ่ี........... คำช้ีแจง ใหน้ กั เรียนเติมส่วนประกอบของโปรแกรมลงในช่องว่างหลังหมายเลข พร้อมทง้ั อธบิ ายลักษณะการ ทำงานมาพอสงั เขป 1.จากรูป เป็นเครอ่ื งมอื ชนดิ ใด ประกอบไปดว้ ยอะไรบา้ ง จงอธิบาย ตอบ .…………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………… 2.จากรูป เปน็ เครื่องมือชนดิ ใด และมหี นา้ ทอี่ ย่างไร

ต อ บ …………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………… 3. พาเนล (Panel) ประกอบไปด้วยเคร่อื งมอื ชนดิ ใดบ้าง จงอธิบาย ตอบ………………………………………………………………………………………………………………………………………………. …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………..……………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………… ……………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………………………… ……………………………………………………………………………………………………………

แผนการจัดการเรียนรู้ท่ี 4 เร่ือง ชดุ เครอ่ื งมอื สำหรับการสร้าง Selection รหสั วิชา ว 32249 รายวิชา คอมพิวเตอรก์ ราฟิก กลุ่มสาระการเรียนรู้ วิทยาศาสตร์และเทคโนโลยี ช้ันมัธยมศกึ ษาปที ่ี 5/3 ภาคเรยี นท่ี 2 ปกี ารศกึ ษา 2563 หนว่ ยการเรียนรู้ท่ี 2 เร่อื ง เครื่องมอื ตา่ ง ๆ ใน Toolbox เวลา 50 นาที วันที่ 1 ธันวาคม 2563 ครูผ้สู อน นายภมุ ริน ยมหา ผลการเรยี นรู้ - นักเรียนมีความรคู้ วามเข้าใจ การใชง้ านชุดเคร่อื งมือสำหรับการสร้าง Selection ใน Toolbox อธิบายหลักการและหน้าท่ีในการทำงาน และการใช้ชุดเครื่องมือสำหรับการสร้าง Selection ใน Toolbox ของโปรแกรม Adobe Photoshop CS6 ได้ สาระสำคญั - เครอ่ื งมือตา่ งๆ ใน Toolbox จะถูกจดั วางเอาไวโ้ ดยแบ่งเปน็ หมวดหมู่ตามลกั ษณะการใชง้ าน ซ่ึง นอกจากเครื่องมือท่ีเห็นในตอนเร่ิมต้นแล้ว ในบางเครื่องมือยังมีปุ่มต่างๆ ซึ่งเป็นเคร่ืองมือในหมวดเดียวกัน ซอ่ นอยอู่ กี โดยการแบง่ กลุ่มของเครื่องมือจะแบง่ ไดด้ งั รายละเอียดต่อไปน้ี - เครื่องมือต่างๆ ใน Toolbox จะถกู จดั วางเอาไวโ้ ดยแบง่ เปน็ หมวดหมู่ตามลกั ษณะการใชง้ าน ซ่ึง นอกจากเคร่ืองมือที่เห็นในตอนเริ่มต้นแล้ว ในบางเครื่องมือยังมีปุ่มต่างๆ ซึ่งเป็นเคร่ืองมือในหมวดเดียวกัน ซอ่ นอยอู่ กี โดยการแบ่งกลมุ่ ของเครอ่ื งมอื จะแบง่ ได้ดงั รายละเอียดตอ่ ไปน้ี - ชุดเครื่องมือสำหรับการสรา้ ง Selection - ชดุ เครื่องมือสำหรับการ Crop ภาพ - ชดุ เคร่ืองมือสำหรบั การรที ัชภาพ - ชดุ เคร่ืองมือสำหรบั ระบายสี - ชดุ เครอื่ งมอื สำหรับวาดภาพและสรา้ งตวั อักษร - ชดุ เครอื่ งมือชว่ ยอำนวยความสะดวกในการทำงาน - กลุ่มเครื่องมือในการเลือกสี Foreground (สที ี่ปรากฏเม่ือเราเติมหรอื วาดลงไป) และสี Background (สี ท่ีปรากฏเมอื่ เราทาการลบหรอื ตัดบรเิ วณนนั้ ออก) ประกอบด้วย - กลุ่มเคร่อื งมอื Quick mask เกย่ี วกับการเลอื กพ้ืนที่อีกรปู แบบหนึง่ จุดประสงค์การเรยี นรู้ - นักเรยี นมคี วามรคู้ วามเข้าใจการใช้ชุดเครอ่ื งมือสำหรับการสร้าง Selection ใน Toolbox ของ โปรแกรม Adobe Photoshop CS6 การใช้ เช่น กำหนดพน้ื ท่เี พื่อแกไ้ ขภาพ, สรา้ งขอ้ ความและเปล่ียนรปู รา่ ง ของรปู ภาพได้ (K) - นกั เรยี นสามารถการใช้ชดุ เครือ่ งมือสำหรับการสร้าง Selection ใน Toolbox ของโปรแกรม Adobe Photoshop CS6 การฝึกทกั ษะการตกแตง่ แก้ไข และเปลย่ี นแปลงได้ (P) - เพอื่ ให้นักเรยี นเกดิ ความภาคภมู ิใจในผลงานของตนเอง มีความสขุ สนกุ และมคี วามสนใจในการใช้

โปรแกรม Adobe Photoshop CS6 เพือ่ ตกแต่งภาพและนำไปประยกุ ต์ใช้ได้ด้วยตนเอง (A) สาระการเรยี นรู้ - ชดุ เคร่อื งมอื สำหรับการสร้าง Selection ด้านคณุ ลกั ษณะอันพึงประสงค์ - มีวนิ ัย - มีจติ สาธารณะ - มงุ่ มั่นในการทำงาน สมรรถนะผ้เู รียน - ความสามารถในการส่ือสาร - ความสามารถในการคิด - ความสามารถในการแก้ปัญหา กจิ กรรมการจดั การเรียนรู้ ขนั้ นำเขา้ สู่บทเรยี น 1. สนทนากับนกั เรยี นเกี่ยวกบั สว่ นประกอบตา่ งๆ ของโปรแกรม Adobe Photoshop CS6 เพือ่ นำเข้าสู่บทเรยี น ซักถามนักเรยี นเรือ่ ง เวลานักเรียนทำงานเราจะต้องเลอื กเครื่องมอื ในการทำงาน แล้ว เครอ่ื งมอื แตล่ ะตัวทเ่ี ราเลือกมาน้นั มีความสามารถทแี่ ตกต่างกันออกไป เราจะรไู้ ด้อย่างไรว่าเราควรจะเลือก เคร่อื งตวั ไหนมาใชง้ าน ให้เหมาะสมกบั งานที่เรากำลังทำ ใน Toolbox ของโปรแกรม Adobe Photoshop มี เครอื่ งมอื และหน้าท่ี ที่ทำงานตา่ งกนั ออกไปเราจะมาเรียนรกู้ ันใช้เคร่ืองใน Toolbox ของโปรแกรม Adobe Photoshop CS6 กันครบั 2. ให้นักเรยี นทำแบบทดสอบหลังเรยี น เรือ่ ง การใชง้ านเครือ่ งมือใน Toolbox และหนา้ ท่ีในการ ทำงานของ Adobe Photoshop Cs6 จำนวน 20 ข้อ 3. ครูแจกใบความรทู้ ี่ 2.1 เรอื่ ง ชดุ เครอื่ งมอื สำหรบั การสรา้ ง Selection ใน Toolbox และหน้าท่ี ในการทำงาน ใหน้ ักเรยี น ขั้นสอน 4. ให้นกั เรียนศึกษาถึงชุดเครอ่ื งมือสำหรบั การสร้าง Selection ใน Toolbox และหน้าที่ในการ ทำงานจากใบความร้ทู ่คี รูแจก 5. ครอู ธบิ ายหลกั การและหนา้ ทใ่ี นการทำงานของชุดเครื่องมือสำหรับการสร้าง Selection ใน Toolbox ทีละตัวและพร้อมแสดงวธิ ีการใช้งานชุดเคร่ืองมือสำหรบั การสร้าง Selection ใน Toolbox ทีละตัว และให้นักเรียนลงมือปฏิบัติตาม เพือ่ จะได้เกดิ ทักษะการทำงานมากย่งิ ข้นึ กวา่ อา่ นในใบความรู้ หรอื ดคู รูอธบิ าย 6. ให้นักเรียนทำตามคำสั่งในใบงานท่ี 2.1 ชดุ เครอ่ื งมอื สำหรบั การสร้าง Selection ใน Toolbox 7. ครูคอยสังเกตการทำงาน หากใครไมม่ คี วามคลอ่ งแคลว่ หรือใช้ชดุ เครื่องมอื สำหรับการสร้าง Selection ใน Toolbox ไม่ไดห้ รอื ตดิ ขัด ให้ฝกึ ใหม่โดยขออาสาสมัครคนท่ีทำงานคล่องแคลว่ แล้วเปน็ คนสอน เพ่ือนๆ หลังจากน้นั เรยี กนักเรียนคนนั้นๆ มาประเมินใหม่ใหผ้ ่านทุกคนจึงคอ่ ยทำกิจกรรมต่อไป

ขนั้ สรปุ 8. ครูเปดิ โอกาสให้นักเรยี นสอบถามปญั หาท่เี กิดจากการเรยี นร้ใู นส่วนทน่ี ักเรยี นยงั ไมเ่ ข้าใจครู แนะนำให้นักเรยี นหาขอ้ มูลเพิ่มเติมจากอนิ เตอร์เน็ตหรอื จากแหลง่ ขอ้ มลู อื่นๆ และฝึกปฏบิ ตั ิตามเนื้อหาท่ีได้ เรียน เพอื่ ทีจ่ ะได้ใช้ชุดเคร่ืองมอื สำหรับการสร้าง Selection ใน Toolbox ได้อย่างคล่องแคลว่ 9. สุ่มถามนกั เรยี น 3-4 คน ใหน้ กั เรยี นสรปุ เกี่ยวกับหลกั การและหน้าที่การทำงานของชุด เคร่อื งมือสำหรับการสร้าง Selection ใน Toolbox การวดั ผลประเมินผล 1. วธิ กี ารวัด - สังเกตการฟงั การตอบคำถาม การปฏิบตั งิ าน - ตรวจใบงานท่ี 2.1 เร่อื ง ชุด เครื่องมอื สำหรับการสร้าง Selection 2. เครื่องการวัดผลประเมนิ ผล - แบบสังเกตพฤติกรรม - ใบงานท่ี 2.1 เรอ่ื ง ชุด เครอ่ื งมือสำหรับการสรา้ ง Selection 3. เกณฑ์การวัดผลประเมินผล ใชก้ ารผ่านเกณฑ์ รอ้ ยละ 60 ขึ้นไป ส่ือ/แหล่งการเรียนรู้ - คอมพิวเตอร์ - เคร่อื งขยายเสยี ง - ใบความรูท้ ่ี 2.1เรื่อง ชดุ เครือ่ งมอื สำหรบั การสร้าง Selection ใน Toolbox และหน้าที่ในการทำงาน - ใบงานที่ 2.1 เรอ่ื ง ชุดเคร่ืองมือสำหรบั การสร้าง Selection ใน Toolbox และหน้าท่ีในการทำงาน - แบบทดสอบก่อนเรียน เร่ือง การใช้งานเคร่ืองมอื ใน Toolbox จำนวน 20 ขอ้ - เว็บสอ่ื การสอน โปรแกรม Adobe Photoshop CS6 - โปรแกรม Adobe Photoshop CS6

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

ใบความร้ทู ่ี 2.1 เรอื่ ง ชดุ เครื่องมือสำหรับการสร้าง Selection ใน Toolbox และหนา้ ท่ใี นการทำงาน เครื่องมอื พน้ื ฐานของโปรแกรม Adobe Photoshop CS6 เครือ่ งมือพื้นฐานบนกล่องเครอื่ งมอื ของโปรแกรม Adobe Photoshop CS6 ได้แบง่ การทำงานออกเป็น หมวดหมู่ หรอื เปน็ กลุม่ ย่อย ใน Toolbox เครอื่ งมือต่างๆ ใน Toolbox และหนา้ ทีใ่ นการทำงาน กล่องเครอ่ื งมือ (Toolbox) เป็นสว่ นทใ่ี ช้เก็บเคร่ืองมือพ้นื ฐานในการทางาน ในโปรแกรม สามารถ เรยี กใชช้ ดุ เคร่อื งมือยอ่ ยโดยการคลิกรูปสามเหลี่ยมที่มมุ ด้านล่าง ดังแสดงในภาพ ดงั ต่อไปนี้ ภาพกล่องเครื่องมอื (Toolbox) 1. กลุ่มเครื่องมือการเลอื ก Selection 2. กลมุ่ เครือ่ งมอื Crop 3. กลมุ่ เครื่องมือสำหรบั การรีทชั ภาพ 4. กลุ่มเคร่ืองมือสำหรับการระบายสี 5. กลุ่มคาส่ังพเิ ศษเกี่ยวกับการวาดภาพ 6. กลมุ่ เคร่ืองมอื อำนวยความสะดวกในการทำงาน 7. กลมุ่ เคร่อื งมือในการเลือกสี Foreground (สีท่ีปรากฏเม่ือเราเติมหรือวาดลงไป) และสี Background (สี ท่ีปรากฏเมอื่ เราทำการลบหรอื ตัดบริเวณนั้นออก) 8. กลุ่มเครอ่ื งมอื Quick mask เกย่ี วกับการเลือกพ้นื ทอ่ี ีกรปู แบบหนง่ึ

กลุ่มเครอ่ื งมอื การเลอื ก Selection ประกอบด้วย • ชนิดของชุดเครื่องมือสำหรบั การสรา้ ง Selection และหน้าท่ีการทำงาน กลมุ่ ภาพ เครอ่ื งมอื หน้าทกี่ ารทำงาน 1 • Option ของชดุ เคร่อื งมอื สำหรบั การสรา้ ง Selection - Option ของเครื่องมอื Rectangular Marquee ภาพแสดงตัวอยา่ ง Option ของเครื่องมือRectangular Marquee - Option ของเครื่องมือ Move ภาพแสดงตวั อย่าง Option ของเครื่องมือ Move - Option ของเคร่ืองมอื Lasso ภาพแสดงตวั อย่าง Option ของเครื่องมือ Lasso

• ประโยชน์ของชุดเครื่องมอื สำหรับการสร้าง Selection ใช้สาหรับเลอื กพ้ืนท่บี นรปู ภาพตามต้องการและตามรปู แบบเคร่ืองมอื ทใี่ ช้ในการเลอื กพ้ืนที่บนรูปภาพ • ขั้นตอนการใชง้ านชดุ เครือ่ งมือสำหรบั การสรา้ ง Selection - การเลือก Selection คือ การกำหนดขอบเขตในการทำงาน เช่น แกไ้ ขภาพ ปรบั แตง่ ภาพ หรือวาดภาพ ฯลฯ ซ่ึงไมว่ ่าจะใชเ้ ครื่องมือใด ๆ ก็จะมีผลเพียงบริเวณทเี ราเลอื กไว้เท่าน้นั เราจะลองมาดู ตวั อย่างการสรา้ ง Selection จากขน้ั ตอนตอ่ ไปนี้ - การใช้เครื่องมือ Rectangular Marquee Tool คลกิ เครื่องมือ Rectangular Marquee Tool รปู สี่เหล่ยี มจากน้ันชีท้ ี่ภาพ กดปุ่มซา้ ยของเมาส์ แล้วค้างไว้ แล้วลากเป็นเสน้ ประ เพอื่ เลือก สว่ นน้นั ภาพแสดงตัวอย่างการใชเ้ ครื่องมือ Rectangular Marquee Tool • การใชเ้ ครอ่ื งมอื Move คลิกเครอื่ งมอื Move กดปมุ่ ซา้ ยของเมาส์ค้างไว้ แล้วลาก เมาสอ์ อกก็เป็นการย้ายตำแหนง่ ภาพถ้าได้เลือกภาพเปน็ เส้นประไวก้ เ็ ปน็ การยา้ ยเฉพาะบางส่วนของภาพ เทา่ น้ัน ภาพแสดงตัวอย่างการใชเ้ ครื่องมือ Move

- การใชเ้ ครื่องมอื Lasso คลกิ เครอื่ งมือ Lasso, ลากเมาส์ครอบสว่ นของภาพที่ ตอ้ งการ, การใชง้ านอีกวิธีหนึง่ ใหก้ ดปมุ่ Alt ท่แี ปน้ พิมพค์ า้ งไว้, คลิกเมาส์ไปรอบๆ ,หากตอ้ งการยกเลกิ ให้ เส้นประหายไปให้กดปุ่ม Ctrl+D ภาพแสดงตัวอยา่ งการใชเ้ คร่ืองมือ Lasso - การใช้เครื่องมอื Magic Wand คลิกที่ เครื่องมอื Magic Wand, คลิกตำแหน่งท่ี ตอ้ งการเลือก, บรเิ วณท่ีถกู เลือกจะปรากฏเป็นเส้นประ โดยรอบ หากต้องการยกเลิกใหเ้ สน้ ประหายไปใหก้ ดปุ่ม Ctrl+D ภาพแสดงตวั อย่างการใช้เคร่ืองมอื Magic Wand

ใบงานท่ี 2.1 เร่ือง ชุดเครอ่ื งมอื สำหรับการสร้าง Selection ใน Toolbox และหนา้ ทใ่ี นการทำงาน คำช้แี จง : ให้นกั เรยี นตอบคำถามต่อไปนมี้ าพอสังเขป ตอนท่ี 1 1. จงอธบิ ายส่วนประกอบ ชดุ เครอ่ื งมอื สำหรบั การสรา้ ง Selection ใน (Toolbox) ตอบ ชดุ เครอ่ื งมอื สำหรบั การสรา้ ง Selection ใน (Toolbox) หมายเลข …………ประกอบไปด้วย…….............. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. .............................................................................................................................................................................. ช่อื ........................................................................ชน้ั ...............เลขที.่ ...................

ตอนที่ 2 1. ให้นกั เรยี นใชเ้ ครอื่ งสำหรบั การสรา้ ง Selection ใน Toolbox เลือกรปู คนไปใส่ยงั รูปวิว ธรรมชาติ จำนวน 1 ชน้ิ งาน 2. เมือเสรจ็ งานแลว้ ให้นกั เรียนนำงานไปส่งยงั my Computer >> My Network >> SMILEBUFFALO >> มัธยมศกึ ษาปีที่ 1 ช่อื ........................................................................ชน้ั ...............เลขท่.ี ...................

แผนการจัดการเรียนรู้ท่ี 5 เร่อื ง ชุดเคร่อื งมือ Crop โปรแกรม Adobe Photoshop CS6 รหสั วิชา ว 32249 รายวชิ า คอมพิวเตอรก์ ราฟิก กลุ่มสาระการเรยี นรู้ วิทยาศาสตร์และเทคโนโลยี ชั้นมัธยมศึกษาปีท่ี 5/3 ภาคเรียนท่ี 2 ปีการศึกษา 2563 หนว่ ยการเรียนรทู้ ่ี 2 เรอื่ ง เครือ่ งมอื ตา่ ง ๆ ใน Toolbox เวลา 50 นาที วนั ท่ี 8 ธนั วาคม 2563 ครูผูส้ อน นายภมุ รนิ ยมหา ผลการเรยี นรู้ - นกั เรียนมีความรคู้ วามเขา้ ใจ การใชง้ านชุดเครื่องมอื สำหรับการ Crop ใน Toolbox อธิบายหลกั การ และหน้าท่ีในการทำงาน และการใช้ชุดเครื่องมือสำหรับการ Crop ใน Toolbox ของโปรแกรม Adobe Photoshop CS6 ได้ สาระสำคัญ - เครอ่ื งมือตา่ งๆ ใน Toolbox จะถกู จัดวางเอาไว้โดยแบ่งเป็นหมวดหมตู่ ามลกั ษณะการใชง้ าน ซ่งึ นอกจากเครื่องมือท่ีเห็นในตอนเริ่มต้นแล้ว ในบางเครื่องมือยังมีปุ่มต่างๆ ซ่ึงเป็นเคร่ืองมือในหมวดเดียวกัน ซ่อนอยอู่ กี โดยการแบ่งกล่มุ ของเคร่ืองมอื จะแบ่งไดด้ งั รายละเอียดตอ่ ไปน้ี - เครอื่ งมอื ต่างๆ ใน Toolbox จะถกู จัดวางเอาไวโ้ ดยแบ่งเปน็ หมวดหมตู่ ามลักษณะการใช้งาน ซึ่ง นอกจากเคร่ืองมือท่ีเห็นในตอนเร่ิมต้นแล้ว ในบางเคร่ืองมือยังมีปุ่มต่างๆ ซ่ึงเป็นเครื่องมือในหมวดเดียวกัน ซอ่ นอยอู่ กี โดยการแบง่ กลุม่ ของเครอื่ งมือจะแบ่งได้ดังรายละเอียดต่อไปนี้ - ชดุ เครอื่ งมอื สำหรบั การสร้าง Selection - ชดุ เคร่อื งมอื สำหรับการ Crop ภาพ - ชดุ เครอ่ื งมอื สำหรับการรที ชั ภาพ - ชุดเครอ่ื งมอื สำหรับระบายสี - ชุดเครอ่ื งมือสำหรับวาดภาพและสรา้ งตัวอกั ษร - ชดุ เครอ่ื งมอื ชว่ ยอำนวยความสะดวกในการทำงาน - กลุ่มเครอื่ งมือในการเลือกสี Foreground (สีที่ปรากฏเมอื่ เราเตมิ หรอื วาดลงไป) และสี Background (สี ที่ปรากฏเมือ่ เราทาการลบหรอื ตัดบริเวณนั้นออก) ประกอบด้วย - กลุ่มเคร่ืองมือ Quick mask เก่ียวกับการเลอื กพนื้ ทอ่ี ีกรปู แบบหน่ึง จดุ ประสงค์การเรยี นรู้ - นกั เรียนมีความรคู้ วามเข้าใจการใช้ชุดเครอื่ งมือสำหรับการ Crop ใน Toolbox ของ โปรแกรม Adobe Photoshop CS6 - นกั เรยี นสามารถการใช้ชดุ เคร่อื งมือสำหรบั การ Crop ใน Toolbox ของโปรแกรม Adobe Photoshop CS6 การฝกึ ทกั ษะการตกแต่ง แก้ไข และเปลี่ยนแปลงได้ - เพื่อใหน้ กั เรียนเกิดความภาคภูมิใจในผลงานของตนเอง มีความสขุ สนุก และมีความสนใจในการใช้ โปรแกรม Adobe Photoshop CS6 เพ่อื ตกแตง่ ภาพและนำไปประยุกตใ์ ชไ้ ด้ดว้ ยตนเอง (A)

สาระการเรียนรู้ - ชดุ เครือ่ งมอื สำหรบั การ Crop ภาพ ด้านคณุ ลักษณะอันพงึ ประสงค์ - มวี ินัย - มีจติ สาธารณะ - มคี ุณธรรม สมรรถนะผู้เรียน - ความสามารถในการส่อื สาร - ความสามารถในการคดิ - ความสามารถในการแกป้ ญั หา กิจกรรมการจัดการเรยี นรู้ ขนั้ นำเข้าส่บู ทเรียน 10. สนทนากับนกั เรียนเก่ยี วกับส่วนประกอบต่างๆ ของโปรแกรม Adobe Photoshop CS6 เพ่อื นำเข้าสู่บทเรียน ซกั ถามนักเรียนเรือ่ ง เวลานักเรยี นทำงานเราจะต้องเลอื กเครอื่ งมือในการทำงาน แลว้ เครอ่ื งมอื แตล่ ะตวั ท่ีเราเลือกมานัน้ มคี วามสามารถท่แี ตกต่างกนั ออกไป เราจะรู้ไดอ้ ยา่ งไรวา่ เราควรจะเลือก เครอ่ื งตัวไหนมาใชง้ าน ให้เหมาะสมกบั งานทเี่ รากำลังทำ ใน Toolbox ของโปรแกรม Adobe Photoshop มี เครอื่ งมือและหนา้ ที่ ที่ทำงานตา่ งกันออกไปเราจะมาเรยี นรูก้ ันใชเ้ ครื่องใน Toolbox ของโปรแกรม Adobe Photoshop CS6 กนั ครับ 11. ครูแจกใบความรทู้ ี่ 2.2 เรื่อง ชดุ เครื่องมือสำหรบั การ Crop ใน Toolbox และหน้าที่ในการ ทำงาน ให้นกั เรียน ขน้ั สอน 12. ให้นักเรียนศึกษาถงึ ชดุ เครอ่ื งมือสำหรับการ Crop ใน Toolbox และหนา้ ทใ่ี นการทำงาน จากใบ ความรูท้ ค่ี รแู จก 13. ครูอธิบายหลักการและหนา้ ทใ่ี นการทำงานของชดุ เครื่องมือสำหรับการ Crop ใน Toolbox ทลี ะ ตวั และพร้อมแสดงวิธกี ารใช้งานชุดเครอ่ื งมือสำหรับการ Crop ใน Toolbox และให้นักเรียนลงมือปฏิบัติตาม เพือ่ จะได้เกิดทักษะการทำงานมากยิ่งข้นึ กว่าอา่ นในใบความรู้ หรอื ดูครอู ธบิ าย 14. ใหน้ ักเรยี นทำตามคำสง่ั ในใบงานท่ี 2.2 ชุดเครื่องมือสำหรบั การ Crop ใน Toolbox 15. ครคู อยสังเกตการทำงาน หากใครไมม่ ีความคลอ่ งแคลว่ หรือใช้ชุดเคร่ืองมอื สำหรบั การ Crop ใน Toolbox ไมไ่ ด้หรือตดิ ขัดให้ฝกึ ใหมโ่ ดยขออาสาสมัครคนทที่ ำงานคลอ่ งแคลว่ เป็นคนสอนเพ่อื นๆ หลงั จากน้ัน เรียกนักเรียนคนนน้ั ๆ มาประเมนิ ใหมใ่ ห้ผ่านทกุ คนจงึ คอ่ ยทำกจิ กรรมต่อไป

ขั้นสรุป 16. ครเู ปิดโอกาสให้นักเรยี นสอบถามปญั หาที่เกิดจากการเรยี นรู้ในส่วนทนี่ กั เรียนยงั ไม่เขา้ ใจครู แนะนำใหน้ ักเรียนหาขอ้ มูลเพิม่ เตมิ จากอินเตอรเ์ นต็ หรอื จากแหลง่ ขอ้ มูลอนื่ ๆ และฝกึ ปฏบิ ตั ิตามเนื้อหาทไ่ี ด้ เรยี น เพ่ือทจี่ ะได้ใช้ชุดเคร่อื งมือสำหรบั การ Crop ใน Toolbox ได้อย่างคล่องแคล่ว 17. สุ่มถามนักเรียน 3-4 คน ใหน้ ักเรยี นสรปุ เกย่ี วกบั หลักการและหน้าทก่ี ารทำงานของชดุ เครื่องมือสำหรบั การ Crop ใน Toolbox การวดั ผลประเมินผล 1. วิธีการวดั - สังเกตการฟัง การตอบคำถาม การปฏบิ ตั ิงาน - ตรวจใบงานท่ี 2.2 เรื่อง ชุด เครื่องมอื สำหรบั การ Crop ใน Toolbox 2. เครอ่ื งการวดั ผลประเมนิ ผล - แบบสังเกตพฤตกิ รรม - ใบงานท่ี 2.2 เร่อื ง ชุด เครื่องมือสำหรับการ Crop ใน Toolbox และหนา้ ท่ีในการทำงาน 3. เกณฑ์การวดั ผลประเมนิ ผล ใช้การผา่ นเกณฑ์ ร้อยละ 60 ขึ้นไป ส่อื /แหลง่ การเรยี นรู้ - คอมพิวเตอร์ - เครอ่ื งขยายเสยี ง - ใบความรู้ท่ี 2.2 เรือ่ ง ชุดเคร่ืองมือสำหรบั การ Crop ใน Toolbox และหนา้ ทีใ่ นการทำงาน - ใบงานที่ 2.2 เรือ่ ง ชดุ เครือ่ งมือสำหรบั Crop ใน Toolbox และหน้าที่ในการทำงาน - เว็บส่อื การสอน โปรแกรม Adobe Photoshop CS6 - โปรแกรม Adobe Photoshop CS6

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

ใบความร้ทู ่ี 2.2 เรื่อง ชดุ เครอื่ งมอื สำหรบั การ Crop ใน Toolbox และหนา้ ทใี่ นการทำงานเครอ่ื งมอื พนื้ ฐานของโปรแกรม Adobe Photoshop CS6 เครื่องมือพ้นื ฐานบนกล่องเคร่อื งมอื ของโปรแกรม Adobe Photoshop CS6 ได้แบ่ง การทำงานออกเป็น หมวดหมู่ หรอื เปน็ กลมุ่ ย่อย ใน Toolbox กล่องเครอ่ื งมือ (Toolbox) เปน็ ส่วนท่ีใช้เก็บเคร่ืองมอื พื้นฐานในการทางาน ในโปรแกรม สามารถ เรียกใชช้ ุด เครอื่ งมือย่อยโดยการคลกิ รูปสามเหล่ียมทมี่ ุมดา้ นล่าง ดงั แสดงในภาพ ดังต่อไปนี้ ภาพกล่องเครื่องมือ (Toolbox) 9. กลมุ่ เครือ่ งมอื การเลอื ก Selection 10. กลมุ่ เครื่องมอื Crop 11. กลมุ่ เครอ่ื งมือสาหรับการรีทัชภาพ 12. กลมุ่ เคร่ืองมือสาหรบั การระบายสี 13. กลุ่มคาส่ังพเิ ศษเก่ียวกับการวาดภาพ 14. กลมุ่ เครอ่ื งมอื อานวยความสะดวกในการทางาน 15. กลมุ่ เครอ่ื งมอื ในการเลือกสี Foreground (สีท่ีปรากฏเม่ือเราเตมิ หรือวาดลงไป) และสี Background (สี ที่ปรากฏเม่อื เราทาการลบหรอื ตัดบริเวณน้ันออก) 16. กล่มุ เครอ่ื งมอื Quick mask เก่ียวกับการเลือกพื้นทีอ่ ีกรปู แบบหนึ่ง