ชุดฝึกทักษะการใช้โปรแกรม Adobe photoshop

ชดุ ฝึกทกั ษะการใชโ้ ปรแกรมสำเร็จรปู ดา้ นกราฟกิ Adobe Photoshop ชัน้ มัธยมศึกษาปีที่ 2 นายวิรทิ ธพ์ ล ทองเรืองสกลุ ตำแหน่ง ครอู ัตราจ้าง กลุม่ สาระวทิ ยาศาสตรแ์ ละเทคโนโลยี โรงเรียนหาดอมราอักษรลกั ษณ์วทิ ยา สำนกั งานเขตพื้นที่การศกึ ษามัธยมศึกษาสมุทรปราการ สำนักงานคณะกรรมการการศกึ ษาข้ันพน้ื ฐาน กระทวงศกึ ษาธิการ

คำช้แี จง ชุดฝึกทักษะการใช้โปรแกรมสำเร็จรูปด้านกราฟิก Adobe Photoshop กลุ่มสาระ การเรียนรู้วิทยาศาศตร์ และเทคโนโลยี รายวิชา โปรแกรมสำเร็จรูปด้านกราฟิก (ว22283) ชั้นมัธยมศึกษาปีท่ี 2 ชุดฝกึ ทักษะการใชโ้ ปรแกรมสำเรจ็ รูปดา้ นกราฟิก Adobe Photoshop มอี งค์ประกอบ ดังนี้ 1. คำชีแ้ จง 2. ผลการเรียนรู้ 3. จดุ ประสงค์การเรยี นรู้ 4. แบบทดสอบก่อนเรียนและหลงั เรยี น พร้อมเฉลย 5. ใบความรู้ 6. ใบงานท่ี 1.1 – 1.4 และใบงานท่ี 1.5 (ใบงานปฏบิ ัติ) พร้อมเฉลย การวัดผลประเมินผล ใช้เกณฑ์การประเมินคดิ เป็นร้อยละ 80 มีการประเมิน ดังน้ี 1. ทดสอบก่อนเรยี น และหลงั เรยี น 2. วัดทักษะการปฏิบัติกจิ กรรมจากชุดฝกึ ทกั ษะ (ใบงานปฏิบัต)ิ

ผังมโนทัศน์ ชดุ ฝึกทักษะการใช้โปรแกรมสำเร็จรูปดา้ นกราฟกิ Adobe Photoshop ศกึ ษาจดุ ประสงค์การเรียนรู้ ทำแบบทดสอบก่อนเรียน - อ่านและทำความเขา้ ใจกบั เน้อื หาในใบความรู้ - ใบงานท่ี 1.1 – 1.4 ใหค้ รบ - ร่วมตรวจคำตอบกับเฉลยพรอ้ มๆกัน โดยครูเป็นผ้เู ฉลย ทำแบบทดสอบกอ่ นเรยี น เมอื่ เรียนจบในแตล่ ะเร่อื งเพื่อวดั ความรูท้ ่พี ฒั นาขนึ้ ในเรื่องน้ันๆ

คำอธบิ ายรายวิชา รายวิชาโปรแกรมสำเร็จรูปดา้ นกราฟกิ รหสั ว22283 กลุ่มสาระการเรียนรู้วิทยาศาสตร์ และเทคโนโลยี ชั้นมธั ยมศกึ ษาปีท่ี 2 ศึกษาเกี่ยวกับการใช้โปรแกรมคอมพิวเตอร์สร้างงานกราฟิกโดยกษาโปรแกรม Adobe Photoshop และการใช้ บทบาทและประโยชน์ของคอมพิวเตอร์กราฟิก ประเภทของขอ้ มูลกราฟิกประกอบดว้ ยอะไรบ้างการ ใชแ้ ถบเครื่องมอื ต่างๆ ศึกษาเกย่ี วกับเคร่อื งมอื ทีค่ วรรู้ เทคนิคต่างๆ ทีใ่ ช้ในการออกแบบ ปฏบิ ัตกิ ารออกแบบสร้างลวดลายแบบต่อเนื่องการทำภาพเกา่ การปรบั ภาพให้ดนู มุ่ นวลการตกแต่งภาพ ด้วยฟลิ เตอร์และลกั ษณะสำคญั ของเทคโนโลยกี ราฟกิ โดยวิธสี อบสาธิตและปฏิบัติการกจิ กรรมฝึกสืบค้นข้อมูลจาก ระบบเครือขา่ ยสง่ งานผา่ นระบบอเี มล์ใบงานอ่านคดิ วิเคราะหล์ ักษณะสำคญั ของเทคโนโลยกี ราฟิก เพื่อให้มีความรู้ความเข้าใจในการนำาโปรแกรมคอมพิวเตอร์มาประยุกต์ใช้ในการทํางานด้านการ ออกแบบมีความคิดอย่างสร้างสรรค์เรียนรู้ดว้ ยตนเองและสามารถใช้เทคโนโลยีในการสื่อสารได้อยา่ งสร้างสรรค์ และมีจิตสํานึกความรบั ผิดชอบ ผลการเรยี นรู้ 1. บอกถึงหลักการของและทฤษฎีการออกแบบกราฟกิ 2. อธิบายการใชเ้ คร่ืองมอื โปรแกรม Adobe Photoshop 3. ฝกึ ปฏบิ ัตใิ ช้โปรแกรม Adobe Photoshop ในการออกแบบตกแตง่ รปู ภาพ และโปสเตอร์ 4. เห็นคุณคา่ การออกแบบการฝึกคอมพวิ เตอรแ์ ละเลือกใช้เทคโนโลยีได้อย่างสรา้ งสรรค์ รวมท้งั หมด 4 ผลการเรียนรู้

จดุ ประสงคก์ ารเรียนรู้ ด้านความรู้ (K) 1. นกั เรียนสามารถอธิบายการทำงานของโปรแกรม Adobe Photoshop ได้ 2. นกั เรียนสามารถบอกวิธีการกำหนดและสร้างไฟล์งานใหม่ได้ 3. นกั เรียนสามารถอธบิ ายการเข้าสู่โปรแกรมเพื่อสรา้ งและกำหนดไฟล์งานใหม่ใน โปรแกรม Adobe Photoshop ได้ ด้านทกั ษะ / กระบวนการ (P) 1. นักเรยี นสามารถฝกึ ปฏิบตั กื ิจกรรมการเข้าสู้โปรแกรมเพือ่ สร้างและกำหนดไฟล์ งานใหมใ่ นโปรแกรม Adobe Photoshop ได้อย่างถกู ตอ้ ง 2. นกั เรยี นมที ักษะในการทำงาน 3. นกั เรียนมที กั ษะในการจดั การงาน 4. นักเรยี นทกั ษะกระบวนการทำงานกลุ่ม 5. นักเรียนมีทักษะในการใชเ้ ทคโนโลยี ด้านคณุ ลักษณะอนั พงึ ประสงค์ (A) 1. นกั เรยี นมีความซอ่ื สตั ยส์ จุ รยิ 2. นักเรียนมีวนิ ยั 3. นกั เรียนมีความตรงต่อเวลา 4. นกั เรียนมสี ่วนรว่ มและมคี วามรับผิดชอบ 5. นกั เรยี นมุ่งมน่ั ในการทำงาน

แบบทดสอบ ก่อนเรียน เรอ่อื ง โปรแกรมสำเรจ็ รูปดา้ นกราฟิก Adobe Photoshop คำช้แี จง ให้นักเรียนทำเครื่องหมายกาบาท (X) ลงในช่องตัวอักษร ก ข ค หรอื ง ทถี่ ูกต้องทส่ี ุด เพยี งข้อเดยี ว 1. ข้อใดต่อไปน้ีคอื คณุ สมบตั ขิ องโปรแกรม Adobe Photoshop ก. แทรกดนตรี ข. สร้างและตกแต่งภาพ ค. ถา่ ยวิดโี อ ง. ถา่ ยภาพ 2. โปรแกรม Adobe Photoshop เปน็ โปรแกรมของบริษทั ใด ก. Acrobat ข. PostScript ค. Adobe ง. PDF 3. โปรแกรม Adobe Photoshop ออกเวอร์ชน่ั แรกในปีใด ก. 1987 ข. 1988 ค. 1989 ง. 1990 4. ขอ้ ใดต่อไปนี้ ไมใ่ ช่ ส่วนประกอบของโปรแกรม Adobe Photoshop ก. Menu Bar ข. Toolbox ค. Option Bar ง. Calculator 5. ข้อใดกลา่ วถกู ตอ้ งเกี่ยวกับ ความสามารถของโปรแกรม Adobe Photoshop ก. ความสามารถของโปรแกรม Adobe Photoshop แบง่ เป็น 2 เรื่อง คอื แกไ้ ข ตกแต่งภาพถ่ายกบั รที ชั ออกแบบและสรา้ งสรรค์งานกราฟกิ ข. มบี ทบาทในงานธุรกจิ และงานการศกึ ษาสูงมาก ค. ทำหนา้ ทีเ่ หมือนกบั การทำงานใน Explorer ง. นิยมใชเ้ พอ่ื งานสอื่ ส่ิงพมิ พ์

6. Panel หมายถึงอะไร ก. เคร่อื งมอื ทกุ ช้ินในกล่องเคร่ืองมือ ข. วนิ โดว์เลก็ ๆ ทใี่ ชส้ ำหรับแสดงรายละเอยี ด หรอื ควบคุมการทำงานต่างๆ ของ โปรแกรม ค. ปรบั คา่ Option ต่างๆ ของเครอ่ื งมอื ทก่ี ำลังเลอื กใหก้ ลับไปเป็นคา่ เร่ิมตน้ ง. การปรบั แตง่ การทำงานของเคร่อื งมือ 7. แถบเมนูหรอื Menu Bar นั้นเป็นแถบสำหรับเลือกคำสั่งทำงานซ่งึ จะอยู่ท่ใี ด ก. ด้านบน ข. ด้านลา่ ง ค. ดา้ นซา้ ย ง. ด้านขวา 8. พืน้ ท่ีการทำงานทปี่ รากฏในหนา้ จอแรกของโปรแกรม Adobe Photoshop เรียกวา่ อะไร ก. Panel ข. Menu Bar ค. Option Bar ง. Document window 9.คา่ พนื้ ฐานการบนั ทกึ งาน บันทึกไฟล์ใน Adobe Photoshop คอื อะไร ก. Photoshop (*.PSD , *.PDD) ข. Photoshop PDF (*.PDF , *.PDP) ค. Photoshop Raw (*.RAW) ง. Photoshop EPS (*.EPS) 10. การทำภาพกราฟิกเพ่ือใชใ้ นงานเว็บ มีหลักการเฉพาะ แตกตา่ งไปจากงานสื่อส่ิงพิมพ์ อืน่ ๆอยา่ งไร ก. เรอ่ื งความละเอยี ดของภาพ ข. จำนวนสีทีใ่ ช้แสดงผล ค. แสง ง. ถูกท้งั ขอ้ ก และขอ้ ข

ใบความรู้ เร่ือง แนะนำการใชโ้ ปรแกรม Adobe Photoshop ความเป็นมาของโปรแกรม Adobe Photoshop Photoshop เป็นโปรแกรมของบริษัท Adobe (อ่านว่า อะ-โด-บี้) ซึ่งเป็น ผู้พัฒนาโปรแกรมกราฟิกรายใหญ่ ไม่ว่าจะเป็นโปรแกรม Illustrator, PageMaker และ Acrobat โปรแกรม Photoshop เวอร์ชั่นแรกนั้นเริ่มต้นสร้างขึ้นในปี ค.ศ. 1990 และได้รับ การพัฒนามาเรื่อย ๆ จากเวอร์ชั่น 2, 2.5, 3, 4, 5, 5.5 เวอร์ชั่น 6, 7, CS จนถึงเวอร์ชั่น ล่าสุดในปัจจุปัน ที่เรียกกันว่าเวอร์ชั่น CS3 , CS4 โดยได้ทำการเพิ่มประสิทธิภาพการ จัดการกับภาพกราฟิกขึ้นเรื่อย ๆ จากเดิมที่เน้นใช้งานเพื่อการสร้างภาพสิ่งพิมพ์ ก็หันมา เน้นเกี่ยวกับการจัดการภาพกราฟิกที่ใช้บนเว็บมากยิ่งขึ้น และนอกจากนี้แล้วยังได้สร้าง โปรแกรม ImageReady ซึ่งเป็นโปรแกรมที่ใช้สร้างภาพเคลื่อนไหวควบคู่มากับโปรแกรม Photoshop อีกด้วย เพื่อเพิ่มความสามารถเกี่ยวกับการทำภาพกราฟิกที่ใช้สำหรับการทำ เวบ็ โดยเฉพาะ แฃะที่สำคญั คือสามารถดูตัวอย่างไฟล์ภาพของ Photoshop นามสกลุ .psd ได้ โดยไม่ตอ้ งเปิดดูในโปรแกรม Photoshop และยังมีคำสั่งอัตโนมัติท่ีสามารถเลอื กใช้กับ ไฟล์ภำไดอ้ กี ดว้ ย ปจั จุบนั โปรแกรม Photoshop เป็นโปรแกรมทไ่ี ดร้ ับความนยิ มอยา่ งมากจากผู้สร้าง เวบ็ ไซต์ ไมว่ า่ จะเปน็ การนำมาสรา้ งหรือตกแต่งภาพ เนอ่ื งมาจากคุณสมบตั ิท่โี ดดเด่น ใชง้ าน ง่าย มเี อฟเฟคต่าง ๆ ใหเ้ ลือกใชง้ านมากมาย

ความสามารถของโปรแกรม Adobe Photoshop สามารถทจ่ี ะทำการแกไ้ ขภาพ ตกแต่งภาพ ซอ้ นภาพในรปู แบบตา่ งๆ ได้อย่างงา่ ยดาย และสิ่งทีข่ าดไมไ่ ด้ก็ คือ การใส่ข้อความประกอบลงในภาพด้วย และเนื่องด้วย Adobe Photoshop มีการพัฒนาโปรแกรมมาอย่าง ตอ่ เนอื่ ง แตท่ ีส่ ำคัญ เมอ่ื เรียนร้กู ารใชค้ ำสง่ั ในเวอรช์ นั เกา่ ก็ยังคงสามารถนำไปประยุกต์ใชก้ ับเวอร์ชันใหม่ๆ ไดด้ ว้ ย รวมถึงการนำภาพหลายๆภาพมารวมกัน ตัดต่อ โดยส่วนนี้จะเรียกว่า รีทัชออกแบบ การสร้างภาพสามมิติ ออกแบบกราฟิก วาดภาพตดั การ์ตูนหรอื อกแบบสิง่ พมิ พช์ นดิ ต่างๆ 1.งานออกแบบส่ิงพมิ พ์ การใช้โปรแกรม Adobe Photoshop ชว่ ยนงานออกแบบส่งิ พมิ พท์ ุกชนิด เชน่ การออกแบบภาพสาม มิติ , ออกแบบโลโก้ , แบนเนอร์ , โบวชัวร์ , นามบัตร , ใบปลิว , แผ่นพับ , หนังสือ , แค็ตตาล็อกสินค้า , โปสเตอร์ , ปา้ ยโฆษณา และปา้ ยหน้ารา้ น สามารถใช้โปแกรม Adobe Photoshop ในการออกแบบตกแต่ง 2.งานออกแบบเวบ็ ไซต์ การออกแบบเว็บไซต์ต้องมีภาพกราฟิกที่สวยงาม น่าสนใจ ทั้งการตกแต่งด้วยภาพขนาดต่างๆ การ สร้างโลโก้ประกอบเว็บไซต์ การสร้างตัวอักษร ซึ่งการทำงานเหล่านี้จำเป็นที่ต้องใช้โปรแกรม Adobe Photoshop ช่วยในการออกแบบ 3.งานแก้ไขซอ่ มแซมภาพ ภาพต้นฉบับที่เราได้มาในบางครั้งมีข้อบกพร่องหลายๆ อย่างเช่น ภาพมืดเกินไป ภาพมีรอยขรุขระ หรือมี Noise , ภาพเบลอเกินไป เป็นต้น การที่จะนำภาพที่มีขอบกพร่องมาใช้งาน จำเป็นต้องทำการแก้ไข และซ่มแซมภาพกอ่ น เพ่ือให้ภาพมคี วามสมบูรณเ์ หมาะสมกบั งาน 4.งานตัดตอ่ แปลงภาพ หรอื สร้างสรรค์งานกราฟิกสมยั ใหม่ งานกราฟิกปัจจุบันผสานเข้ากับการใช้ชีวิตประจำวัน เช่น ใส่ของปกหนังสือ ปฏิทินตั้งโตะ๊ นิตยสาร การ์ดเชิญ ป้ายประชาสัมพันธ์ เครื่องหมาย สัญลักษณ์ งานเหล่านี้ก็เกิดจากการใช้โปรแกรมช่วยในการ ออกแบบนำภาพมาสร้างสรรค์งานกราฟิกทีส่ วยงาม มปี ระโยชนใ์ ชส้ อยตลอดจนมีแนวคิดในการออกแบบท่ดี ี

การเขา้ สู่โปรแกรม Adobe Photoshop 1. > ไปท่ี ปมุ่ start 2. > All program 3. > โฟลเดอร์ Adobe master collection 4. > Adobe Photoshop หมายเหตุ Adobe Photoshop จะมีทั้ง 36 bit และ 64 bit การเลือกใช้ผมแนะนำถ้าเครื่อง 32 bit ให้ ใช้ Adobe Photoshop (32 bit) และถ้าเครื่อง 64 bit ให้ใช้ Adobe Photoshop (64 bit) หากเปน็ เวอรช์ ั่นอื่น Function แตล่ ่ะตวั อาจจะไมไ่ ด้อยู่ทเ่ี ดียวกัน หนา้ จอแรกของโปรแกรม Photoshop เมื่อเราเข้าโปรแกรมมาแล้วจะเจอหน้าต่างการทำงานของโปรแกรม Adobe Photoshop ซึ่งจะประกอบ ไปด้วย 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 2. เลอื ก Image Size (Alt+Ctrl+I) 3. หน้าต่างสำหรับการปรับขนาดภาพก็จะปรากฏขึ้นมา เราสามารถลือกปรับได้ตามต้องการเลย ไม่ว่าจะ เป็น ความกว้าง ความยาว หรอื Resolution (ความละเอยี ดในการแสดงผลของภาพ) 4. เมือ่ ไดต้ ามตอ้ งการแล้วก็กด OK

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

บนั ทกึ เป็นไฟล์รูปแบบอน่ื ๆ นอกจากการบันทึกเปน็ ไฟล์ .psd และบันทึกลงในรูปแบบของไฟลต์ ้นฉบนั เดมิ แลว้ ยงั บนั ทกึ ไฟล์ภาพ เกบ็ ไว้ ในรูปแบบอื่น ๆ ได้ตามต้องการ โดยคลิกเลือกคำสั่ง File > Save As แล้วเลือกรูปแบบของไฟล์ในช่อง Format ซ่ึงจะมรี ปู แบบไฟลใ์ ห้เลอื กหลายแบบดงั ภาพ บนั ทกึ ไปใชก้ ับเวบ็ เพจ หรืออปุ กรณ์อ่ืนๆ รูปภาพทีน่ ำไปใชก้ บั เวบ็ เพจ จะตา่ งจากรูปภาพทีน่ ำไปใชก้ ับงานด้านอน่ื ๆ คือ ชนดิ ของภาพที่จะนำไปใช้ บนเว็บเพจ นั้น ต้องเป็น GIF, JPG หรือ PNG เท่านั้น และควรให้ไฟล์มีขนาดเล็ก ขนาดภาพต้องพอดี ไม่ใหญ่ จนเกนิ ไป เม่อื ผ้ชู มเปิดเขา้ ไปในเว็บไซต์จะได้โหลดภาพไดเ้ ร็วยิง่ ขึ้น โปรแกรมจงึ มคี ำสง่ั สำหรับบนั ทึกรปู ภาพ ไปใช้ ในเว็บเพจโดยเฉพาะ คือ Save for Web & Devices โดยคำส่ังนี้จะใหก้ ำหนดค่าออปช่ัน การบนั ทึกภาพประเภท ตา่ ง ๆ พร้อมกับดูภาพตวั อยา่ ง ขนาดของไฟล์ และระยะเวลาในการดาวนโ์ หลดเปรียบเทยี บกันไดอ้ ีกดว้ ย ดังนี้ 1. เลอื กคำสง่ั File > Save for Web & Devices 2. กำหนดออปชัน่ ต่าง ๆ ในการแปลงไฟล์ แลว้ ดูภาพ ขนาด และเวลาในการดาวนโ์ หลดเปรียบเทียบกัน ในไดอะลอ็ กบอ็ กซ์ Save for Web & Devices ดังภาพหนา้ 3. เลือกภาพจากกรอบตวั อยา่ งทตี่ ้องการใช้งาน 4. คลิกปมุ่ Save เพ่ือบนั ทึกภาพ 5. บนไดอะลอ็ กบอ๊ กซ์ Save Optimized As เลอื กตำแหนง่ โฟลเดอร์ทีจ่ ะจัดเก็บในชอ่ ง Save in 6. กำหนดช่ือไฟล์ภาพในช่อง File name 7. คลกิ ปุ่ม Save

เรือ่ ง แนะนำการใชโ้ ปรแกรม Adobe Photoshop ชอ่ื - นามสกลุ ชั้น เลขที่............ คำช้ีแจง จงเขียนทำเครอื่ งหมายถูก ( ✓ ) หน้าขอ้ ความทีถ่ ูก และทำเคร่อื งหมายกากบาท ( ✗ ) หน้าขอ้ ความ ทผ่ี ดิ ใหถ้ กู ตอ้ ง (10 คะแนน) …………… 1. Photoshop เป็นโปรแกรมสำหรบั สรา้ งและตกแต่งภาพท่มี ีช่ือเสียง และไดร้ บั ความนิยมมาก ทีส่ ุด ............... 2. องคป์ ระกอบสำคญั ในการทำ Web ให้ดูนา่ สนใจ คงหนีไม่พ้นรปู ภาพที่นำมาตกแตง่ ............... 3. การทำภาพกราฟกิ เพือ่ ใชใ้ นงานเว็บ มีหลกั การเฉพาะ ทเ่ี หมือนกันกบั งานสื่อสิ่งพมิ พ์ ............... 4. ในการเปดิ ใช้งานโปรแกรม คลิก Start Adobe master collection Adobe Photoshop …………… 5. Tool box เป็นกล่องสำหรับเก็บเครื่องมือ สำหรับใช้ทำงานกับพื้นที่ทำงาน โดยจะ ประกอบด้วยเครื่องหลายๆชนดิ ด้วยกนั ............... 6. Menu Bar เปน็ แถบกลมุ่ คำสัง่ ทีบ่ รรจุคำสั่งสำหรับการทำงานทัง้ หมดใน Adobe Photoshop โดยแบ่งออกเป็น 10 หมวดหมดู่ ว้ ยกัน ตามกลมุ่ ชนิดของการใช้งาน ............... 7. Reset All Tools คือปรับค่า Option ของเครื่องมือทุกชิ้นในกล่องเครื่องมือกลับไปเป็นค่า เร่มิ ตน้ ................ 8. พาเนล หมายถึง วนิ โดว์เลก็ ๆท่ีใช้สำหรับแสดงรายละเอียด หรอื ควบคุมการทำงานต่างๆของ โปรแกม ................ 9. พื้นที่การทำงานของ Adobe Photoshop จะเรียกว่า Document window …………….. 10. Edit รวมคำส่ังท่ใี ชส้ ำหรับแกไ้ ขภาพ และปรบั แต่งการทำงานของโปรแกรมเบ้ืองต้น

เกณฑก์ ารประเมนิ ใบงานที่ 1 1. การให้คะแนน คะแนน 1 รายการ 1. ทำเครื่องหมายถูก หน้าข้อความที่ถูกต้อง และทำเครื่องหมาย 0 กากบาท หนา้ ข้อความท่ผี ดิ ไดถ้ ูกตอ้ ง 2. ทำเคร่อื งหมายถูก หนา้ ข้อความทถ่ี กู และทำเครือ่ งหมายกากบาท หนา้ ความท่ีผิดไม่ถูกต้อง 2. สรปุ ผลการประเมิน (8 – 10 คะแนน) (5 – 7 คะแนน) ระดบั คณุ ภาพ = 3 ดี (0 – 4 คะแนน) ระดบั คณุ ภาพ = 2 พอใช้ ระดับคุณภาพ = 1 ปรับปรุง ลงชือ่ ..........................................................ผู้ตรวจ (.............................................................................)

เร่ือง แนะนำการใชโ้ ปรแกรม Adobe Photoshop ชือ่ - นามสกุล ชนั้ เลขท่ี............ คำชแ้ี จง ใหน้ ักเรียนบอกสว่ นประกอบหน้าต่างโปรแกรม Adobe Photoshop จากภาพทกี่ ำหนดให้อย่าง ถกู ต้อง (6 คะแนน) 1) ...................................................................................................................................................................... 2) ...................................................................................................................................................................... 3) ...................................................................................................................................................................... 4) ...................................................................................................................................................................... 5) ...................................................................................................................................................................... 6) ......................................................................................................................................................................

เกณฑก์ ารประเมินใบงานท่ี 2 1. การใหค้ ะแนน คะแนน 1 รายการ 0 1. บอกส่วนประกอบหน้าต่างโปรแกรม Adobe Photoshop จาก ภาพท่กี ำหนดใหไ้ ด้ถกู ต้อง 2. บอกส่วนประกอบหน้าต่างโปรแกรม Adobe Photoshop จากภาพที่ กำหนดใหไ้ มถ่ กู ต้อง 2. สรุปผลการประเมนิ ระดบั คุณภาพ = 3 ดี (5 – 6 คะแนน) ระดับคณุ ภาพ = 2 พอใช้ (3 – 4 คะแนน) ระดบั คุณภาพ = 1 ปรับปรุง (0 – 2 คะแนน) ลงช่ือ..........................................................ผตู้ รวจ (.............................................................................)

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

4. การสรา้ งและกำหนดขนาดไฟล์งานใหม่มีอะไรบ้าง ............................................................................................................................................................... ............................................................................................................................................................... ............................................................................................................................................................... ............................................................................................................................................................... ............................................................................................................................................................... 5. จงบอกความสามารถของโปรแกรม Adobe Photoshop ............................................................................................................................................................... ............................................................................................................................................................... ............................................................................................................................................................... ............................................................................................................................................................... ...............................................................................................................................................................

เกณฑก์ ารประเมินใบงานที่ 3 รายการ คะแนน 1. เขยี นอธิบายถูกต้องตามหวั ข้อที่กำหนดใหไ้ ด้ดมี าก 2 2. เขยี นอธบิ ายถูกตอ้ งตามหวั ขอ้ ที่กำหนดใหไ้ ด้ แตไ่ มช่ ัดเจน 1 3. เขยี นอธบิ ายถูกต้ิองตามหัวขอ้ ที่กำหนดใหไ้ มถ่ กู ต้องหรอื ไม่ตอบ 0 ระดบั คุณภาพ = 3 ดี (8 – 10 คะแนน) ระดับคุณภาพ = 2 พอใช้ (5 – 7 คะแนน) ระดับคณุ ภาพ = 1 ปรับปรงุ (0 – 4 คะแนน) ลงชื่อ..........................................................ผ้ตู รวจ (.............................................................................)

เร่ือง แนะนำการใช้โปรแกรม Adobe Photoshop ช่ือ - นามสกุล ช้ัน เลขท่ี............ คำชี้แจง ให้นกั เรียนตอบคำถามตอ่ ไปนี้ให้ถกู ตอ้ ง (4 คะแนน) 1. จงอธบิ ายขนั้ ตอนการกำหนดขนาดของรูปภาพและความละเอียดมาพอเข้าใจ ………………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………….......................... 2. จงอธบิ ายขนั้ ตอนการเปิดไฟล์รปู ภาพมาพอเข้าใจ ………………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………….......................... 3. จงอธิบายข้ันตอนการบนั ทกึ ไฟล์มาพอเข้าใจ ………………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………….......................... 4. จงอธบิ ายการย่อ-ขยายรปู ภาพมาพอเข้าใจ ………………………………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………………………..........................

เกณฑ์การประเมนิ ใบงานที่ 4 รายการ คะแนน 1. เขยี นอธบิ ายถูกต้องตามหวั ข้อทีก่ ำหนดให้ได้ดมี าก 2 2. เขียนอธบิ ายถูกตอ้ งตามหัวข้อท่ีกำหนดให้ได้ แต่ไม่ชดั เจน 1 1. เขียนอธบิ ายถูกติ้องตามหัวขอ้ ทีก่ ำหนดให้ไม่ถกู ต้องหรือไม่ตอบ 0 ระดบั คุณภาพ = 3 ดี (3 – 4 คะแนน) ระดบั คณุ ภาพ = 2 พอใช้ (1 - 2 คะแนน) ระดับคุณภาพ = 1 ปรบั ปรุง (0 คะแนน) ลงชอื่ ..........................................................ผูต้ รวจ (............................................................................)

เรื่อง แนะนำการใช้โปรแกรม Adobe Photoshop กิจกรรมกลุม่ : ใบงานปฏบิ ตั ิ คำช้ีแจง นักเรยี นศึกษาเกยี่ วกับแนะนำการใชโ้ ปรแกรม Adobe Photoshop ให้เข้าใจ และลงปฏบิ ตั ิตามท่ี กำหนดไว้ (10 คะแนน) แบบบนั ทกึ แบบฝึกกิจกรรม ช่อื กลมุ่ ................................................................................................................................................................. สมาชกิ กลมุ่ 1) ชอ่ื - นามสกลุ .................................................................................................ชั้น...............เลขที่........... 2) ชื่อ - นามสกลุ .................................................................................................ช้ัน...............เลขท่ี........... 3) ชือ่ - นามสกลุ .................................................................................................ชั้น...............เลขท.่ี .......... 4) ชอ่ื - นามสกุล.................................................................................................ชน้ั ...............เลขที่........... 5) ชือ่ - นามสกลุ .................................................................................................ชั้น...............เลขท.่ี .......... 6) ช่อื - นามสกุล.................................................................................................ชั้น...............เลขที่........... 7) ชอ่ื - นามสกลุ .................................................................................................ชนั้ ...............เลขท.่ี .......... 8) ชอ่ื - นามสกุล.................................................................................................ชั้น...............เลขที่........... จดุ ประสงค์การเรียนรู้ นกั เรยี นสามารถฝึกปฏบิ ตั ิกจิ กรรมการเขา้ สู่โปรแกรมเพื่อสร้างและกำหนดไฟลง์ านใหม่โปรแกรม Adobe Photoshop ได้อย่างถกู ต้อง

สอ่ื และอุปกรณก์ ารเรียน 1. ส่ือสิ่งพิมพ์ เชน่ หนงั สือ ในความรู้เก่ียวกบั แนะนำการใช้โปรแกรม Adobe Photoshop 2. สื่ออิเล็กทรอนิกส์ เช่น คอมพิวเตอร์ช่วยสอน เว็บไซต์ทางการศึกษาที่นำเสนอเกี่ยวกับ Adobe Photoshop 3. คอมพิวเอตรแ์ ละอุปกรณต์ อ่ พ่วงครบชุด 4. กระดาษสำหรับเขียนข้อความ ข้ันตอนการปฏบิ ตั กิ ิจกรรม 1. นักเรียนแต่ละกกลุ่มศึกษาขั้นตอนแนะนำการใช้โปรแกรม Adobe Photoshop ในใบความรู้และสื่อการ เรยี นร้อู ่นื ๆ ท่นี ำมาประกอบสอนอยา่ งละเอยี ด จากนน้ั ฝกึ การใชง้ านดังหัวข้อต่อไปน้ี - การเขา้ สู่โปรแกรม - การสรา้ งและกำหนดไฟล์งานใหม่ - การบันทกึ งาน บนั ทกึ ไฟล์ 2. นกั เรยี นแต่ละกลุ่มฝึกปฏบิ ตั ิกิจกรรมตามขัน้ ตอนทีก่ ำหนดให้ 3. เสรจ็ กจิ กรรมแลว้ นักเรียนแตล่ ะกล่มุ ชว่ ยกันเกบ็ วสั ดุ อปุ กรณ์เครื่องมอื เข้าทใ่ี ห้เรยี นรอ้ ย 4. นักเรียนแต่ละกลุม่ สรุปผลจากการปฏิบัตกิ ิจกรรมร่วมกัน พร้อมนำเสนอผลของกลุม่ ให้เพือ่ นและครูแสดง ความคิดเห็นร่วมกัน

แบบบนั ทกึ คะแนนแบบฝกึ กิจกรรม พฤตกิ รรมการ ปฏิบัตงิ าน ความสนใจ ที่ ชอื่ - นามสกุล การตอบคำถาม รวม รอ้ ยละ (สมาชิกกลมุ่ ) การ ั้ตงใจทำงาน แบบ ึฝก ิกจกรรม (4) (4) (4) (20) (32) 1 2 3 4 5 6 7 8 รวม หมายเหตุ .................................................................................................................................................................................... .......................................................................................................................................... .................................................................................................................................................................................... .................................................................................................................................................................................... ....................................................................................................................................................................................

เกณฑก์ ารประเมนิ ใบงานท่ี 5 41 รายการ คะแนน 1. ความสนใจ 4 3 - มคี วามกระตอื รอื ร้นใฝร่ ู้ ใฝเ่ รียน มีความสขุ ที่ได้เรียน 2 - สนุกสนานมีความสขุ แตข่ าดความกระตือร้นรอื รน้ 1 - เข้าร่วมกิจกรรม แต่ขาดความกระตือรอื ร้น - เฉ่ือยชาแสดงอาการไม่อยากเข้ารว่ มกจิ กรรม 4 3 2. การตอบคำถาม 2 1 - ถูกตอ้ งชัดเจนตรงประเดน็ - ค่อนข้างชัดเจนตรงประเด็น 4 - ไม่ค่อยชดั เจน 3 - ตอบคำถามไม่ได้ 2 1 3. การตง้ั ใจทำงาน 5 - ตั้งใจทำงานดีเยยี่ ม 5 - ตั้งใจทำงานดี 5 - ตง้ั ใจทำงานพอใช้ 5 - ไมต่ ั้งใจทำงาน 4. แบบฝึกกจิ กรรมที่ 1 - ทำได้ครบทุกขอ้ - ทันเวลา - ความสวยงาม - ความคิดสร้างสรรค์

การใหค้ ะแนนแบบฝึกกจิ กรรม ได้ 5 คะแนน ปฏบิ ัติได้ดีมาก ได้ 4 คะแนน ปฏิบตั ิได้ดี ได้ 3 คะแนน ปฏิบัติได้พอใช้ ได้ 2 คะแนน ปฏิบัติได้คอ่ ยดี ได้ 1 คะแนน ปฏิบัติได้ไมไ่ ด้ ระดับคุณภาพ = 3 ดี (26 – 32 คะแนน) ระดบั คณุ ภาพ = 2 พอใช้ (16 – 25 คะแนน) ระดบั คณุ ภาพ = 1 ปรบั ปรงุ (0 – 15 คะแนน) ลงชือ่ ..........................................................ผตู้ รวจ (.............................................................................)

แบบทดสอบ หลังเรยี น เรอ่ื ง โปรแกรมสำเร็จรูปดา้ นกราฟิก Adobe Photoshop คำช้ีแจง ใหน้ กั เรยี นทำเครื่องหมายกาบาท (X) ลงในชอ่ งตัวอักษร ก ข ค หรือ ง ทีถ่ กู ตอ้ งที่สดุ เพียงขอ้ เดยี ว 1. Panel หมายถึงอะไร ก. เครอื่ งมือทกุ ชิ้นในกล่องเครื่องมอื ข. วนิ โดว์เล็กๆ ที่ใชส้ ำหรบั แสดงรายละเอยี ด หรือควบคมุ การทำงานต่างๆ ของ โปรแกรม ค. ปรบั คา่ Option ต่างๆ ของเคร่อื งมอื ทกี่ ำลังเลอื กใหก้ ลับไปเป็นคา่ เริ่มต้น ง. การปรบั แต่งการทำงานของเครื่องมือ 2. แถบเมนูหรือ Menu Bar นั้นเป็นแถบสำหรับเลือกคำส่ังทำงานซง่ึ จะอยูท่ ่ีใด ก. ดา้ นบน ข. ด้านลา่ ง ค. ดา้ นซา้ ย ง. ด้านขวา 3. พ้ืนทีก่ ารทำงานที่ปรากฏในหน้าจอแรกของโปรแกรม Adobe Photoshop เรยี กวา่ อะไร ก. Panel ข. Menu Bar ค. Option Bar ง. Document window 4.คา่ พนื้ ฐานการบนั ทึกงาน บันทกึ ไฟลใ์ น Adobe Photoshop คอื อะไร ก. Photoshop (*.PSD , *.PDD) ข. Photoshop PDF (*.PDF , *.PDP) ค. Photoshop Raw (*.RAW) ง. Photoshop EPS (*.EPS)

5. การทำภาพกราฟกิ เพ่ือใชใ้ นงานเวบ็ มีหลักการเฉพาะ แตกต่างไปจากงานสื่อส่ิงพมิ พ์ อน่ื ๆอย่างไร ก. เร่ืองความละเอียดของภาพ ข. จำนวนสที ่ีใชแ้ สดงผล ค. แสง ง. ถกู ท้ังขอ้ ก และข้อ ข 6. ข้อใดตอ่ ไปนค้ี ือคุณสมบตั ิของโปรแกรม Adobe Photoshop ก. แทรกดนตรี ข. สรา้ งและตกแตง่ ภาพ ค. ถ่ายวดิ ีโอ ง. ถา่ ยภาพ 7. โปรแกรม Adobe Photoshop เป็นโปรแกรมของบรษิ ทั ใด ก. Acrobat ข. PostScript ค. Adobe ง. PDF 8. โปรแกรม Adobe Photoshop ออกเวอร์ช่ันแรกในปใี ด ก. 1987 ข. 1988 ค. 1989 ง. 1990 9. ข้อใดต่อไปน้ี ไมใ่ ช่ สว่ นประกอบของโปรแกรม Adobe Photoshop ก. Menu Bar ข. Toolbox ค. Option Bar ง. Calculator 10. ข้อใดกล่าวถูกต้องเกีย่ วกับ ความสามารถของโปรแกรม Adobe Photoshop ก. ความสามารถของโปรแกรม Adobe Photoshop แบง่ เปน็ 2 เรือ่ ง คอื แก้ไข ตกแต่งภาพถ่ายกบั รีทัชออกแบบและสรา้ งสรรคง์ านกราฟกิ ข. มบี ทบาทในงานธุรกิจและงานการศกึ ษาสูงมาก ค. ทำหนา้ ทเี่ หมือนกับการทำงานใน Explorer ง. นยิ มใชเ้ พอื่ งานสือ่ ส่ิงพมิ พ์

บรรณานุกรม กกรมวิชาการ การทรวงศกึ ษาการ. (2551). ตัวชี้วดั และการเรยี นรู้แกนกลาง กลมุ่ สาระการเรียนรกู้ ารงาน อาชีพและเทคโนโลยี ตามหลกั สตู รแกนกลางการศึกษาข้ันพื้นฐานพทุ ธศักราช 2551. กรงุ เทพฯ : สำนกั งานวิชาการและมาตราฐานการศกึ ษา สำนกั งานคณะกรรมการศกึ ษาข้ันพน้ื ฐาน. ______. (2551). แนวทางการจดั การเรยี นรู้ตามหลกั สูตรแกนกลางการศึกษาข้ันพ้ืนฐานพทุ ธศักราช 2551. กรุงเทพฯ : สำนักงานวชิ าการและมาตราฐานการศึกษา สำนกั งานคณะกรรมการศึกษาขนั้ พน้ื ฐาน. ประชา พฤกษป์ ระเสริฐ และคณะ. (ม.ป.ป.). คู่มอื การเรียนร้แู ละเทคนิคการใชง้ าน Adobe Photoshop 5.5. พมิ พ์คร้งั ที่ 2 กรงุ เทพฯ : ซคั เซส มเี ดยี , 2545. พมิ พ์พชั ชา ใจ อารยี ์. (2559). การใช้งานโปรแกรม Adobe Photoshop CS6. สบื คน้ เมื่อวนั ที่ 16 พฤษภาคม 2560, จาก http://www.kroopom.net/lesson2.html#bookmark1. สทิ ธชิ ัย ประสานวงศ์. (2557). โปรแกรมกราฟิก Adobe Photoshop CS6. กรงุ เทพฯ : ซอฟท์เพรส, สนพ. ClickHereProVideo. _____. (2556). โปรแกรมกราฟกิ Adobe Photoshop CS6. กรุงเทพฯ : ซอฟท์เพรส.

ภาคผนวก

แบบทดสอบ กอ่ นเรียน-หลงั เรยี น เรอื่ ง แนะนำการใช้โปรแกรม Adobe Photoshop ก่อนเรยี น หลงั เรยี น 1. ข 1. ข 2. ค 2. ก 3. ง 3. ง 4. ง 4. ก 5. ก 5. ง 6. ข 6. ข 7. ก 7. ค 8. ง 8. ง 9. ก 9. ง 10. ง 10. ก

เฉลย เร่อื ง แนะนำการใช้โปรแกรม Adobe Photoshop คำชี้แจง จงเขียนทำเครอื่ งหมายถกู ( ✓ ) หน้าข้อความท่ีถูก และทำเครือ่ งหมายกากบาท ( ✗ ) หนา้ ข้อความ ทีผ่ ดิ ใหถ้ กู ตอ้ ง (10 คะแนน) ……✓…. 1. Photoshop เปน็ โปรแกรมสำหรบั สรา้ งและตกแต่งภาพทมี่ ีชื่อเสียง และไดร้ บั ความนิยมมาก ทส่ี ุด ......✓.... 2. องคป์ ระกอบสำคัญในการทำ Web ให้ดูนา่ สนใจ คงหนไี ม่พ้นรูปภาพท่ีนำมาตกแตง่ .....✗..... 3. การทำภาพกราฟกิ เพ่อื ใช้ในงานเว็บ มีหลักการเฉพาะ ทเ่ี หมอื นกันกบั งานสอื่ ส่ิงพิมพ์ .....✗.... 4. ในการเปดิ ใชง้ านโปรแกรม คลกิ Start Adobe master collection Adobe Photoshop ……✓.… 5. Tool box เป็นกล่องสำหรับเก็บเครื่องมือ สำหรับใช้ทำงานกับพื้นที่ทำงาน โดยจะ ประกอบดว้ ยเครื่องหลายๆชนิดดว้ ยกนั .....✗.... 6. Menu Bar เปน็ แถบกลุม่ คำสง่ั ท่ีบรรจุคำสงั่ สำหรบั การทำงานท้ังหมดใน Adobe Photoshop โดยแบ่งออกเป็น 10 หมวดหมดู่ ว้ ยกัน ตามกลุ่มชนิดของการใชง้ าน .....✓..... 7. Reset All Tools คือปรับค่า Option ของเครื่องมือทุกชิ้นในกล่องเครื่องมือกลับไปเป็นคา่ เริ่มตน้ .....✓..... 8. พาเนล หมายถึง วนิ โดวเ์ ลก็ ๆท่ีใช้สำหรับแสดงรายละเอยี ด หรอื ควบคมุ การทำงานต่างๆของ โปรแกม .....✓..... 9. พืน้ ทกี่ ารทำงานของ Adobe Photoshop จะเรียกวา่ Document window .....✓..... 10. Edit รวมคำส่งั ที่ใช้สำหรับแก้ไขภาพ และปรับแตง่ การทำงานของโปรแกรมเบือ้ งตน้

เฉลย เร่อื ง แนะนำการใช้โปรแกรม Adobe Photoshop คำชีแ้ จง ใหน้ ักเรียนบอกสว่ นประกอบหนา้ ตา่ งโปรแกรม Adobe Photoshop จากภาพที่กำหนดใหอ้ ย่าง ถกู ตอ้ ง (6 คะแนน) 1) แถมคำสงั่ (Menu Bar) 2) แถมคำส่ัง (Menu Bar) 3) พาเนล (panel) ท่รี วบรวมคุณสมบตั ิการทำงานต่างๆอยู่ในกรอบท่ีท่ีจัดเก็บ 4) พื้นทก่ี ารทำงานของ Adobe Photoshop (Document window) 5) กล่องเครอ่ื งมอื (Toolbox) 6) แถบกำหนดรูปแบบของเคร่อื งมอื ใชง้ าน (Tool option bar)

เฉลย เรื่อง แนะนำการใชโ้ ปรแกรม Adobe Photoshop คำชี้แจง ใหน้ กั เรียนตอบคำถามตอ่ ไปน้ีให้ถูกต้อง (10 คะแนน) 1. จงอธิบายความหมายและลักษณะงานทเ่ี กย่ี วกบั โปรแกรม Adobe Photoshop มาพอเข้าใจ แนวคำตอบ Adobe Photoshop เป็นโปรแกรมสําหรับสร้างและตกแตง่ ภาพที่มีชื่อเสียง และได้รับ ความนิยมมากที่สุด อันเนื่องมาจากคณุ สมบัติเด่นซึ่งมีอยู่อย่างมากมาย ไม่ว่า จะเป็นความสามารถ จัดการกบั ไฟลส์ ารพดั ชนิดที่ใช้ในงานประเภทต่าง ๆ ท้งั รปู ทจี่ ะ นา้ ไปผ่านกระบวนการพมิ พ์ และรูป ที่นำไปใช้ในเวบ็ เพจหรือส่งผ่านสือ่ อิเล็กทรอนิคส์ มีความสามารถเป็นเยี่ยมในการแก้ไขตกแต่งภาพ และการสร้างเอฟเฟิคพเิ ศษต่าง ๆ มีเครื่องมือที่มีประสิทธภิ าพและความยืดหยุ่นสูง สามารถบันทึก ขั้นตอนที่ต้องทำซ้ำ ๆ ไว้เรียกใช้ภายหลังตลอดจนมีผู้ผลิตป กลิ่น (plug-๒) ให้เป็นจํานวนมาก ซึ่ง ปล๊กั อิน กค็ ือโปรแกรมเสรมิ สำหรบั ช่วยใหก้ ารทำงานที่นอนสำเรจ็ ลงไดอ้ ยา่ งรวดเรว็ 2. จงอธบิ ายการเข้าสูโ่ ปรแกรม Adobe Photoshop มีกขี่ ั้นตอนอะไรบ้าง แนวคำตอบ 1. > ไปที่ ป่มุ Start 2. > All program 3. > โฟลเดอร์ Adobe master collection CS6 4. > Adobe Photoshop CS6 3. คุณสมบัติของเครือ่ งคอมพวิ เตอร์ท่เี หมาะสมในการติดตง้ั โปรแกรม Adobe Photoshop มีคณุ สมบัติ อยา่ งไร แนวคำตอบ - แก้ไขภาพถ่าย ทบี่ กพรอ่ งหรือมตี ำหนิ เช่น ปรับสที เ่ี พ้ียน ปรบั แสงเงาท่ีสว่างหรือมีดเกินไปลบแสง แฟลชทีส่ ะท้อนในดวงตา - ตกแต่งภาพ เช่น ตัดส่วนที่ไม่ต้องการออกไป ลบองค์ประกอบที่รกรุงรัง ปรับ ภาพให้เบลอหรือ คมชดั ปรับผวิ กายนางแบบให้ชาวนวลและขจดั ไฟฟา้ ต่าง ๆ จดั เมด็ สีที่เกดิ ในภาพท่สี แกนจากส่งิ พิมพ์ - ดัดแปลงภาพ เช่น ทําภาพใหม่ให้กลายเป็นภาพสีซีเปียแบบโบราณ หรือแปลง ภาพเก่า ๆ ที่เป็น ขาวดำใหก้ ลายเป็นภาพสี เปล่ยี นภาพคนใหอ้ ้วนขน้ึ -ผอมลง หรอื เด็ก-แก่กว่าท่เี ปน็ จริง

- ใส่เอฟเฟคต์พิเศษ ให้ภาพ เช่น ทำให้เหมือนกำลังมองภาพผ่านกระจกชนิด และสายต่าง ๆ หรือ เหมือนเงาสะทอ้ นในนำ้ เปล่ียนภาพถ่ายใหด้ คู ลา้ ยภาพวาดด้วยเคร่ืองมือหลากหลายชนดิ ใสป่ ระกาย แสงหรอื เงาใหว้ ตั ถุ ทำวตั ถุแบน ๆ ใหด้ เู ป็น 3 มติ ิ เปลี่ยนไทนสีของภาพ - สร้างภาพกราฟิก ซ่ึงผสมผสานระหว่างภาพถ่าย ขอ้ ความ และภาพวตั ถุหรอื เอฟเฟ็กซ์พิเศษทสี่ ร้าง ข้ึนใน Photoshop เพือ่ ใช้ในงานผลติ สอ่ื โฆษณา ทำปกหนังสอื หรอื นิตยสาร หรอื ใช้ตกแหง่ เว็บเพจ 4. การสร้างและกำหนดขนาดไฟลง์ านใหมม่ ีอะไรบ้าง แนวคำตอบ ในกรณีที่เราต้องการสร้างไฟล์งานใหม่ ให้คลิกเมนู File -> New และให้ผู้ใช้ กําหนด ขนาพของไฟล์งานใหมโ่ ดยระบุชอ่ื ไฟลง์ าน ในชอ่ ง Name ขนาดความสงู ความกว้างของพืน้ ที่ทำงาน ในส่วน Image Size ตามความต้องการ กำหนดลักษณะ พื้นหลังในส่วน Contents โดย White (สี ขาว), Background Color (สีท่ีเรากำหนด) Transparent (สีพ้ืนแบบ - โปร่งใส ไม่แสดงสพี ้ืนโลง่ ) 5. จงบอกความสามารถของโปรแกรม Adobe Photoshop แนวคำตอบ 1. งานออกแบบสิ่งพิมพ์ การใช้โปรแกรม Photoshop ช่วยในงานแบบสิ่งพิมพ์ ทุกชนิด เช่น การ ออกแบบภาพสามมิติ, ออกแบบโลโก้, แบนเนอร์, โบรชัวร์, นามบัตร, ใบปลิว, แผ่นพับ, หนังสือ, แท็ตตาล็อกสินค้า, โปสเตอร์, ป้ายโฆษณา, และป้ายหน้าร้าน สามารถใช้โปรแกรม Photoshop ใน การออกแบบตกแต่ง 2. งานออกแบบเว็บไซต์ การออกแบบเว็บไซต์ต้องมีภาพกราฟิกที่สวยงามน่าสนใจ ท้ังการตกแตก ภาพด้วยภาพขนาดต่าง ๆ การสร้างโลโก้ประกอบเว็บไชต์ การสร้างตัวอักษรซึ่งการทำงานเหล่านี้ จำเปน็ ท่จี ะต้องใช้โปรแกรม Photoshop ช่วยในการออกแบบ 3. งานแก้ไขซอ่ มแซมภาพ ภาพต้นฉบับที่เราได้มาในบางครัง้ มีขอ้ บกพร่องหลาย ๆ อย่าง เช่น ภาพ เกินไปภาพมีรอยขรุขระหรือ 7, ภาพเบลอเกินไป เป็นต้น การที่จะนำภาพที่มขี ้อบกพร่องมาใช้งาน จำเปน็ ต้องทำการแก้ไขและซอ่ มแซมภาพ กอ่ นเพ่อื ให้ภาพมคี วามสมบรู ณ์เหมาะสมกบั งาน 4. งานติดตอ่ ดัดแปลงภาพหรอื สร้างสรรค์งานกราฟิกสมยั ใหม่ งานกราฟิกปัจจบุ ัน ผสานเข้ากบั การ ใช้ชีวิตประจำวัน เช่น ใส่ของปกติ ปฏิทินตั้งโต๊ะหน้าจอคอมพิวเตอร์ เว็บไซต์ หนังสือปกวารสาร นติ ยสาร การ์ด ป้ายประชาสมั พันธ์ เครื่องหมายสญั ลกั ษณ์ งานเหลา่ นกี้ ็เกิดจากการใช้งานโปรแกรม ช่วยในการออกแบบนำภาพมาสร้างสรรค์ งานกราฟิกที่สวยงาม มีประโยชน์ใช้สอย ตลอดจนมี แนวคิดในการออกแบบที่ดี

เฉลย เรอ่ื ง แนะนำการใชโ้ ปรแกรม Adobe Photoshop คำช้ีแจง ให้นกั เรยี นตอบคำถามตอ่ ไปนี้ให้ถกู ตอ้ ง (4 คะแนน) 1. จงอธิบายขนั้ ตอนการกำหนดขนาดของรปู ภาพและความละเอียดมาพอเข้าใจ แนวคำตอบ 1. เลือกที่เมนู File -> New หรอื กด Ctrl + N 2. ปรากฏหนา้ ตา่ ง New Name ต้งั ช่อื ใหก้ ับงาน Preset ช่องสำหรับเลอื กพนื้ ท่ี ที่โปรแกรมกำหนดมาให้ Width ความกวา้ ง ซึ่งมหี น่วยตา่ ง ๆ เชน่ Pixel ,เซนติเมตร ,นิ้ว Height ความสงู ซง่ึ มหี นว่ ยตา่ ง ๆ เชน่ Pixel , เซนติเมตร ,นิ้ว Resolution ค่าความละเอียด ( ซง่ึ ความละเอยี ดบนหนา้ จอ = 72) color mode เลอื กชนิดของระบบสี 3. กดปมุ่ Create 2. จงอธิบายข้ันตอนการเปิดไฟล์รปู ภาพมาพอเข้าใจ แนวคำตอบ 1. เลอื กเมนู File -> Open หรือกด Ctrl + O 2. ปรากฏหนา้ ตา่ งให้เลอื กรูปทตี่ อ้ งการ 3. กดปมุ่ Open 3. จงอธิบายข้นั ตอนการบนั ทึกไฟล์มาพอเข้าใจ แนวคำตอบ 1. เลือกเมนู File -> Save as หรือกด Ctrl + S 2. ปรากฏหน้าตา่ งใหเ้ ลอื กทีอ่ ยขู่ องไฟล์ 3. เลอื กรปู แบบของไฟลเ์ ป็น Photoshop (*.PSD, *.PDD) 4. กดปุ่ม Save

4. จงอธิบายการย่อ-ขยายรปู ภาพมาพอเข้าใจ แนวคำตอบ 1. เมนู Image -> Image Size (Alt+Ctrl+I) 2. หน้าต่างสำหรับการปรับขนาดภาพก็จะปรากฏขึ้นมา เราสามารถลือกปรับได้ตามต้องการเลย ไม่วา่ จะเป็น ความกวา้ ง ความยาว หรือ Resolution (ความละเอยี ดในการแสดงผลของภาพ) 3. เมอื่ ไดต้ ามตอ้ งการแลว้ กก็ ด OK