ใบความรู้ที่ โปรแกรม Photoshop

ใบความรทู้ ี่ ๑.๑ เรอื่ ง แนะนำการใช้ Photoshop CS๖ เบือ้ งต้น โปรแกรม Photoshop CS๖ - Photoshop เปน็ โปรแกรมสำหรับสรา้ งและตกแต่งภาพที่มชี ่อื เสยี งและไดร้ บั ความนยิ มมากทสี่ ดุ อนั เน่อื งมาจากคุณสมบตั เิ ด่นซึง่ มีอย่อู ย่างมากมาย ไมว่ ่าจะเป็นความสามารถจดั การกับไฟล์สารพดั ชนิดที่ใช้ใน งานประเภทต่าง ๆ ทั้งรูปที่จะนำไปผ่านกระบวนการพิมพ์ และรูปที่นำไปใช้ในเว็บเพจหรื อส่งผ่านสื่อ อิเลก็ ทรอนิคส์ มีความสามารถเป็นเยีย่ มในการแก้ไขตกแตง่ ภาพ และการสรา้ งเอฟเฟค็ พเิ ศษตา่ ง ๆ มีเคร่อื งมือ ท่ีมีประสทิ ธภิ าพและความยืดหย่นุ สงู สามารถบนั ทกึ ข้นั ตอนทตี่ อ้ งทำซำ้ ๆ ไวเ้ รยี กใช้ภายหลังตลอดจนมีผู้ผลิต ปลั๊กอิน (plug-in) ใหเ้ ป็นจำนวนมาก ซ่งึ ปลั๊กอนิ ก็คือโปรแกรมเสริมสำหรับช่วยให้การทำงานท่ีซับซ้อนสำเร็จ ลงไดอ้ ยา่ งรวดเรว็ ต่อไปนีเ้ ป็นตัวอย่างของงานประเภทตา่ ง ๆ ซึง่ คุณสามารถใช้ Photoshop ชว่ ยจัดการไดอ้ ย่างงา่ ยดาย • แก้ไขภาพถ่าย ที่บกพร่องหรือมีตำหนิ เช่น ปรับสีที่เพีย้ น ปรับแสงเงาที่สวา่ งหรอื มืดเกนิ ไป ลบแสงแฟลชทสี่ ะทอ้ นในดวงตา • ตกแต่งภาพ เช่น ตัดส่วนที่ไม่ต้องการออกไป ลบองค์ประกอบที่รกรุงรงั ปรับภาพให้เบลอ หรือคมชดั ปรบั ผวิ กายนางแบบใหข้ าวนวลและขจดั ไฝฝ้าต่าง ๆ ขจัดเมด็ สที ี่เกดิ ในภาพทส่ี แกนจากส่ิงพมิ พ์ • ดัดแปลงภาพ เชน่ ทำภาพใหมใ่ หก้ ลายเปน็ ภาพสีซเี ปยี แบบโบราณ หรือแปลงภาพ เกา่ ๆ ทเี่ ปน็ ขาวดำใหก้ ลายเปน็ ภาพสี เปล่ยี นภาพคนใหอ้ ว้ นขนึ้ -ผอมลง หรอื เดก็ -แก่กว่าทเ่ี ปน็ จรงิ • ใส่เอฟเฟ็คต์พิเศษ ให้ภาพ เช่น ทำให้เหมือนกำลังมองภาพผ่านกระจกชนิดและลายต่าง ๆ หรือเหมอื นเงาสะท้อนในน้ำ เปลยี่ นภาพถา่ ยให้ดคู ล้ายภาพวาดดว้ ยเครอ่ื งมอื หลากหลายชนิด ใส่ประกายแสง หรือเงาใหว้ ตั ถุ ทำวัตถุแบน ๆ ให้ดูเป็น ๓ มิติ เปลี่ยนโทนสขี องภาพ • สร้างภาพกราฟกิ ซึ่งผสมผสานระหว่างภาพถ่าย ข้อความ และภาพวตั ถหุ รอื เอฟเฟก็ ต์พเิ ศษท่ี สร้างขน้ึ ใน Photoshop เพอ่ื ใชใ้ นงานผลติ ส่อื โฆษณา ทำปกหนงั สือหรอื นติ ยสาร หรือใชต้ กแต่งเวบ็ เพจ ความเปน็ มาของ Photoshop - Photoshop เปน็ โปรแกรมของบรษิ ัท Adobe (“อะ-โด-บี้”) ซ่งึ เปน็ ผ้พู ฒั นา ซอฟต์แวร์ดา้ นกราฟิก และอุตสาหกรรมการพิมพ์รายสำคัญ รวมถึงเป็นผู้คดิ คน้ ภาษา PostScript และไฟล์แบบ PDF (Portable Document Format) ที่ใช้กันในวงการพิมพ์และการจัดรูปแบบเอกสารบนอินเตอร์เน็ตด้วย ดังน้ัน Photoshop จึงสามารถทำงานร่วมและแลกเปลี่ยนไฟล์กับโปรแกรมอื่น ๆ ที่ใช้ทำงานด้านกราฟิกได้อย่าง กวา้ งขวาง เช่น โปรแกรม Illustrator, PageMaker และ Acrobat ซ่งึ ทัง้ หมดนี้เป็นของ Adobe เชน่ กัน - Photoshop ออกเวอรช์ นั่ แรกในปี ๑๙๙๐ และได้รบั การพฒั นาต่อเน่ืองมาเร่อื ย ๆ เปน็ เวอร์ชัน่ ๒,๒.๕, ๓, ๔, ๕, ๕.๕ และ ๖ ,๗ ,CS๒,CS๓,CS๔,CS๕ จนล่าสุดคือ เวอร์ชั่น CS๖ ในขณะนี้ โดยมีขีดวาม สามารถใหม่ๆ สำหรับการจัดการกับภาพขึ้นมาอีกตัวหนึ่ง คือ Adobe Bridge CS ๖ ซึ่งเป็นโปรแกรมที่ใช้ สำหรบั จดั การภาพถ่ายของเรา ซง่ึ ทำหน้าท่เี หมือนการทำงานใน Explorer หรือบางอยา่ งอาจจะทำได้ดีกว่า ด้วยซ้ำ เช่น การจัดกลุ่มภาพ การแสดงรายละเอียดของภาพ เช่น กล้องที่ใช้ถ่ายด้วยเลนส์แบบไหน โฟกัส เท่าไร ค่า white balance เท่าไร เป็นต้น และที่สำคัญคือสามารถดูตัวอย่างไฟล์ภาพของ Photoshop นามสกุล .psd ได้ โดยไม่ต้องเปดิ ดูใน Photoshop และยงั มคี ำสง่ั อตั โนมัติที่สามารถเลือกใช้กับไฟล์ภาพได้ อีกด้วย

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

ความสามารถของโปรแกรม Photoshop มีอยู่มากมายอย่างที่เรานึกไม่ถึงแต่ที่เป็นความสามารถหลักๆของตัวโปรแกรมเองจะถูกแบ่งเป็น ๒ เรอื่ ง คอื แกไ้ ขตกแต่งภาพถา่ ย:งานนีเ้ ปน็ งานถนัดของ Photoshop เช่น การแกไ้ ขภาพทม่ี ือให้สว่างการลบร้ิว รอยทีไ่ ม่ตอ้ งการ ออกจากภาพรวมถงึ ตัดต่อนาภาพหลายๆภาพมารวมกนั โดยในส่วนนี้จะเรียกว่าเป็นส่วนของ งานรที ชั ออกแบบ สรา้ งสรรค์งานกราฟิก:ใช้ Photoshop ชว่ ยในการสรา้ งภาพสามติ คิ วามสามารถในส่วนนี้จะ เป็นเรอ่ื งของการขีดๆ เขยี นๆออกแบบสร้างงานกราฟกิ เช่นการวาภาพตวั การต์ นู หรือการออกแบบสื่อสิ่งพิมพ์ ชนดิ ต่างๆ 1. งานออกแบบส่ิงพิมพ์ ในงานออกแบบส่ิงพิมพท์ กุ ชนดิ เชน่ การออกแบบภาพสามมิติ , ออกแบบโลโก้ , แบนเนอร์,โบร ชวั ร์,นามบัตร, ใบปลิว, แผ่นพับ, หนังสือ, แคตาลอกสนิ ค้า ,โปสเตอร์, ป้ายโฆษณา, ป้ายหน้าร้านเรา สามารถใช้โปรแกรมPhotoshopชว่ ยในการทำงานได้เป็นอย่างดี 2. งานออกแบบเวบ็ ไซต์ เพ่อื ให้เว็บไซต์จำเป็นอย่างย่ิงที่ต้องมีภาพกราฟิกท่ีสวยงามน่าสนใจทัง้ การตกแต่งด้วยภาพขนาดต่าง ๆ การสร้างโลโก้ประกอบเว็บไซต์การสร้างตัวอักษรซึ่งการทำงานเหล่าน้ีจำเป็นที่จะต้องใช้โปรแกรม Photoshop ช่วยในการออกแบบ 3. งานแกไ้ ขซ่อมแซมภาพ ภาพต้นฉบับที่เราได้มาในบางครั้งมีข้อบกพร่องหลายๆ อย่าง เป็นต้นว่า ภาพมืดเกินไปภาพมีรอย ขรุขระหรอื มี Noise, ภาพเบลอเกินไปเป็นตน้ การทเี่ ราจะนะภาพทีม่ ีขอ้ บกพรอ่ งเหล่าน้ีมาใช้งานจำเป็นต้อง ทำการแก้ไขและซอ่ มแซมภาพดงั กล่าวก่อนเพอ่ื ใหภ้ าพท่มี ีความสมบูรณเ์ หมาะสมกับงาน 4. งานตัดต่อดัดแปลงภาพหรือสร้างสรรค์งานกราฟิกสมัยใหม่ งานกราฟกิ ปัจจุบันผสานเข้ากับการใช้ชีวิตประจำวนั จนเปน็ เรอื่ งทีไ่ มไ่ กลตัวไม่ว่าจะเป็นถุงใส่ของปก ซีดีปฏิทินตัง้ โต๊ะหน้าจอคอมพิวเตอร์เว็บไซต์หนงั สือปกวารสารนิตยสารการ์ดปา้ ยประชาสัมพนั ธเ์ ครือ่ งหมาย สัญลักษณ์งานเหล่านี้ก็เกิดจากการใช้งานโปรแกรมช่วยในการออกแบบนาภาพมาสร้างสรรค์งานกราฟิกท่ี สวยงามมปี ระโยชนใ์ ชส้ อยที่ดีตลอดจนมแี นวคิดในการออกแบบทีด่ ี ความตอ้ งการของ Photoshop cs๖ โปรแกรม Adobe Photoshop CS๖ มกี ารพฒั นาคำสั่งและเคร่ืองมอื ต่าง ๆ ขนึ้ อย่างมากมายจงึ เป็น โปรแกรมท่ตี ้องการทรพั ยากรเครอ่ื งคอ่ นข้างสงู และเพ่ือใหก้ ารสร้างงานกราฟกิ มปี ระสทิ ธิภาพและเป็นไปด้วย ความสะดวก จงึ ควรทำการตรวจสอบเคร่ืองคอมพวิ เตอรท์ ่ใี ช้งานอยู่ ว่ามที รพั ยากรเพยี งพอหรือไมก่ อ่ นท่ีจะทำ การติดตงั้ โปรแกรม โดยคุณสมบตั ิของเคร่ืองคอมพิวเตอร์ทเี่ หมาะสมในการติดตง้ั โปรแกรม Adobe Photoshop CS๖ มีรายละเอียดดงั น้ี ➢ ๑.๑ ระบบปฏบิ ัตกิ าร Microsoft Windows XP (Service Pack ๓) หรือระบบปฏิบัติการ Windows ๗ (Service Pack ๑) หรือระบบปฏบิ ัติการ Windows ๘ ➢ ๑.๒ หน่วยประมวลผลกลาง (CPU) เป็นของ Intel® Pentium® ๔ หรอื AMD Athlon® ๖๔ processor ขนึ้ ไป ➢ ๑.๓ หน่วยความจำ (RAM) ขนาด ๑ GB ขึน้ ไป ➢ ๑.๔ พ้นื ท่ีจดั เกบ็ ขอ้ มูล (Hard disk) ขนาด ๑ GB ของพื้นทวี่ ่างบนฮารด์ ดิสก์ทใ่ี ช้ได้สำหรบั การ ติดตงั้ ➢ ๑.๕ จอแสดงผลมีความละเอยี ดไมน่ อ้ ยกวา่ ๑๐๒๔ x ๗๖๘ พกิ เซล แสดงผลแบบ ๑๖ บติ และมี

หนว่ ยความจำไมน่ ้อยกวา่ ๒๕๖ MB ➢ ๑.๖ ไดร์ฟ DVD-ROM การเขา้ สูโ่ ปรแกรม Photoshop CS๖ ๑. > ไปท่ี ปุ่ม start ๒. > All program ๓. > โฟลเดอร์ Adobe master collection cs๖ ๔. > Adobe Photoshop CS ๖ หมายเหตุ Adobe Photoshop CS ๖ จะมที ง้ั ๓๖ bit และ ๖๔ bit คอื Adobe Photoshop CS ๖ จะเปน็ ๓๒ bit ส่วน AdobePhotoshopCS๖ (๖๔bit) จะเป็น ๖๔ bit การเลือกใช้ผมแนะนำถ้าเครอ่ื ง ๓๒ bit ให้ใช้ Adobe Photoshop CS ๖ และถ้าเครื่อง ๖๔ bit ใหใ้ ช้ Adobe Photoshop CS ๖ (๖๔ bit) หากเป็นเวอร์ชั่นอืน่ Function แต่ล่ะตัวอาจจะไมไ่ ดอ้ ยู่ท่เี ดียวกนั

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

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

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

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

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

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

- จากน้นั โปรแกรมจะปดิ โดยอัตโนมตั ิ

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

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

ทำไมเราตอ้ งกำหนดคา่ Resolution - ในการทำงานนนั้ จะต้องอ้างองิ ถงึ ค่าอย่เู สมอเพ่ือให้เกดิ ความเหมาะสมกบั การใช้งานประเภทต่าง ๆ นอกจากน้ันยังเกย่ี วข้องกับขนาดไฟลง์ านอีกด้วย เพราะงานทม่ี ีค่า Resolution สูงก็จะมขี นาดของไฟล์ใหญ่ขน้ึ ตามไปดว้ ย ซง่ึ อาจทำให้เกดิ ปญั หาในการทำงาน เชน่ ทำใหเ้ ครื่องคอมพิวเตอรข์ องคุณประมวลผลชา้ ลงใน กรณที ่ี สเปคเครอื่ งไม่สงู นกั ซง่ึ หนว่ ยของ Resolution ที่ใช้กันอยู่ ๒ แบบคือ pixels/inch จำนวนหรอื ปรมิ าณของเมด็ สี ในพนื้ ท่ี ๑ ตารางน้ิว pixels/cm จำนวนหรือปริมาณของเม็ดสี ในพื้นที่ ๑ ตารางเซน็ ติเมตร คา่ Resolution ทเี่ รานิยมใช้คอื จำนวนพเิ ซลตอ่ นิ้ว หรอื pixels/inch ( ppi ) น่นั เอง ภาพขนาด ๑๐๒๔x๗๖๘ Resolution = ๓๐๐ ppi ขนาดไฟล์ ๒.๘๗M เมือ่ ขยาย ๒๐๐ เท่า ภาพขนาด ๑๐๒๔x๗๖๘ Resolution = ๗๒ ppi ขนาดไฟล์ ๑๖๙ k เม่ือขยาย ๒๐๐ เท่า นอกจากภาพทมี่ ีค่า Resolution สูงจะใชค้ วามคมชัดกวา่ แลว้ ขนาดไฟล์งานก็จะใหญ่กวา่ ด้วย กำหนดคา่ Resolution ในการใชง้ านทั่วๆ ไปเรามักกำหนดความละเอียดของงานหรือค่า Resolution อยู่ที่ ๑๐๐-๑๑๕๐ ppi (pixels/inch) แต่สำหรับการทำงานเกีย่ วกบั เว็บไซต์นัน้ เราจำเป็นตอ้ งใช้งานที่มคี วามละเอยี ดนอ้ ยเพือ่ ใหม้ ี การแสดงผลที่รวดเรว็ จงึ มกั ใช้ค่า Resolution = ๗๒ ppi สำหรับการออกแบบสิง่ พมิ พเ์ รามักจะกำหนหดค่า Resolution อย่ทู ี่ ๓๐๐-๓๕๐ ppi เพราะต้องการ ความคมชัดในการแสดงผลสูง เช่น งานออกแบบส่ิงพิมพ์ งานนิตยสาร โปสเตอรข์ นาดใหญ่ และสมุดภาพการ ตง้ั ค่าของ Resolution ให้ไปท่ี Image - Image size

ใบความรทู้ ่ี ๑.๓

เรอ่ื ง ส่วนประกอบของโปรแกรม Adobe Photoshop CS๖ ๑. เมนบู าร์ (Menu Bar) : ประกอบดว้ ยกลุม่ คำส่ังต่างๆ ท่ใี ช้จัดการกับไฟล์, ทำงานกับรูปภาพ และ ใช้การปรับแต่งการทำงานของโปรแกรม โดยแบ่งเมนูตามลักษณะงาน นอกจากนี้บางเมนูหลัก จะมีเมนูย่อย ซอ้ นอยู่ โดยสงั เกตจากเครอื่ งหมายลูกศรสีดำ แถบเมนูคำสัง่ ประกอบไปด้วยทั้งหมด ๑๐ เมนคู ำส่ัง โดยแสดง ชอ่ื เมนคู ำส่ังและรปู แบบการทำงาน ส่วนประกอบตา่ ง ๆ ของโปรแกรม Adobe Photoshop CS๖ ๑. File หมายถงึ รวมคาสงั่ ทใี่ ช้จดั การกับไฟล์รปู ภาพ เช่น สร้างไฟล์ใหม่, เปิด, ปิด, บนั ทึกไฟล์, นำเข้าไฟล์, ส่งออกไฟล์ และอื่น ๆ ทเี่ กยี่ วกับไฟล์ ๒. Edit หมายถงึ รวมคำสง่ั ท่ีใชส้ ำหรบั แก้ไขภาพ และปรบั แตง่ การทางานของโปรแกรม เบ้ืองต้น เช่น ก็อปป้ี ,วาง, ยกเลิกคาสั่ง, แก้ไขเครื่องมอื และอืน่ ๆ ๓. Image หมายถงึ รวมคำสั่งที่ใช้ปรับแตง่ ภาพ เชน่ สี, แสง, ขนาดของภาพ (image size), ขนาดของ เอกสาร (canvas), โหมดสขี องภาพ, หมุนภาพ และอื่น ๆ ๔. Layer หมายถึง รวมคำสง่ั ทใ่ี ชจ้ ดั การกบั เลเยอร์ ทงั้ การสรา้ งเลเยอร์, แปลงเลเยอร์ และการ จดั การ กับเลเยอรใ์ นด้านต่าง ๆ ๕. Type รวมคำส่ังท่ใี ชป้ รบั แตง่ ขอ้ ความ แปลงข้อความ ๖. Select รวม คำสัง่ เกยี่ วกับการเลอื กวตั ถหุ รอื พน้ื ทีบ่ นรปู ภาพ (Selection) เพือ่ นำไปใช้งาน ร่วมกับ คำสงั่ อืน่ ๆ เช่น เลอื กเพอ่ื เปลย่ี นส,ี ลบ หรอื ใชเ้ อฟเฟ็กตต์ ่าง ๆ กบั รูปภาพ ๗. Filter เปน็ คำส่ังการเลน่ Effects ต่างๆสำหรบั รูปภาพและวตั ถุ ๘. View เปน็ คำสง่ั เก่ยี วกบั มุมมองของภาพและวตั ถใุ นลักษณะต่างๆ เชน่ การขยายภาพและย่อ ภาพใหด้ เู ล็ก ๙. Window เปน็ สว่ นคำสัง่ ในการเลือกใช้อุปกรณเ์ สริมต่างๆทจี่ าเปน็ ในการใช้สร้าง Effects ต่างๆ ๑๐.Help เปน็ คำสงั่ เพือ่ แนะนำเก่ยี วกับการใชโ้ ปรแกรมฯ และจะมีลายละเอยี ดของโปรแกรมอยู่ ในนั้น ๒. ไตเต้ิลบาร์ (Title Bar) แถบชอ่ื เรื่อง (Title Bar) เปน็ ส่วนท่แี สดงช่อื ไฟลภ์ าพทเี่ ปิดใช้งานอยู่ สำหรบั โปรแกรม Adobe Photoshop CS๖ แถบชือ่ เรื่องจะเรียงกนั เป็น แท็บ (Tab) ดงั แสดงในภาพ ดังต่อไปน้ี

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

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

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

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

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

กลุ่มเครอ่ื งมอื การเลอื ก Selection ประกอบด้วย • ชนิดของชุดเครื่องมือสำหรบั การสรา้ ง Selection และหน้าที่การทำงาน กลมุ่ ภาพ เครอ่ื งมอื หน้าทีก่ ารทำงาน ๑ • 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

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

กลุ่มเครอ่ื งมือ Crop ประกอบด้วย • ชนดิ ของชุดเครอ่ื งมอื สำหรับ Crop ภาพ และหนา้ ท่กี ารทำงาน กลุ่ม ภาพ เครอ่ื งมอื หน้าทก่ี ารทางาน ๒ • Option ของชุดเครอ่ื งมอื สาหรับ Crop ภาพ - Option ของเคร่ืองมือ Crop ภาพแสดงตวั อย่าง Option ของเครื่องมือ Crop - Option ของเคร่ืองมอื Slice ภาพแสดงตวั อย่าง Option ของเครื่องมอื Slice • ประโยชน์ของเคร่ืองมือสำหรบั การ Crop ภาพ - เป็นชุดเคร่ืองมือท่ีใช้สาหรับการตดั ขอบภาพและตัดแบง่ สว่ นภาพออกเป็นส่วนย่อย ๆ • ขน้ั ตอนการใชง้ านชุดเคร่ืองมือสำหรบั การ Crop ภาพ - การใช้เครื่องมอื Crop คลิกเมาสท์ ่ีเครื่องมือ Crop, ลากเมาส์เป็นกรอบสี่เหลยี ม ครอบสว่ นของภาพท่ตี อ้ งการ, กดปุ่ม Enter, ผลงานท่ีได้ ภาพถูกตัดออกบางส่วนออกไป ภาพแสดงตวั อย่าง Option ของเครื่องมอื Crop

- การใชเ้ ครื่องมือ Slice คลิกเมาส์ท่ีเคร่ืองมือ Slice ลากเป็นกรอบสเี่ หลยี มครอบ ส่วนท่ีต้องการ, การซ่อนใหค้ ลกิ เมนู View >Show->Slice คลกิ เอาเครอื่ งหมายถูกออก แสดงตวั อย่างการใชเ้ ครื่องมอื Slice

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

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

- Option ของชุดเครื่องมือ Clone Stamp - ภาพแสดงตวั อยา่ ง Option ของเครื่องมอื Clone Stamp - Option ของชดุ เครื่องมือ Eraser ภาพแสดงตวั อย่าง Option ของเครื่องมือ Eraser - Option ของชุดเครื่องมอื Blur ภาพแสดงตวั อย่าง Option ของเครื่องมอื Blur - Option ของชดุ เครื่องมือ Dodge - ภาพแสดงตวั อย่าง Option ของเครื่องมอื Dodge • ประโยชน์ของชุดเครือ่ งมอื สำหรับการรที ัชภาพ - ใช้เพือ่ การรีทัชภาพ เช่น การรที ัชลบริ้วรอยส่วนเกดิ หรอื เครื่องมือที่ใชใ้ นการเร่งความ สวา่ งในรูป • ข้ันตอนการใชง้ านชดุ เคร่อื งมอื สำหรับการรที ัชภาพ - การใชเ้ ครื่องมือ Healing Brush เลอื กที่เคร่ืองมือ ไปท่ีภาพ แล้วกด Alt ค้างไว้ คลิกเลือกบริเวณพ้นื ผวิ สว่ นทเี่ รียบ ๆ แล้วปล่อยปุ่ม Alt หลัง จากน้นั กไ็ ปคลิกในส่วนท่ีต้องการทาให้เรียบ ภาพแสดงตวั อย่างการใช้เคร่ืองมอื Healing Brush

- การใชเ้ คร่ืองมือ Clone Stamp คลิกท่ีเครื่องมอื Clone Stamp กด Alt ที่ แป้นพิมพ์ ค้างไว้ คลิกตำแหน่งทีต่ ้องการใชเ้ ป็นแม่แบบ,ขนาด ของ Clone Stamp เลือกได้ตามความเหมาะ สมกบั ภาพ ภาพแสดงตัวอย่างการเลอื กตำแหน่งทจ่ี ะปั้มภาพโดยใช้ Clone Stamp คลิกปมุ่ สร้าง Layer ใหม่ ชเี้ มาสใ์ นตำแหน่งท่ีตอ้ งการสรา้ งภาพ กดปุ่มซา้ ยเมาส์คา้ งไว้แล้วคอ่ ยปล่อย ปุ่ม Alt แล้วลากเมาส์ไปมา ภาพแมแ่ บบจะปรากฏพ้ืนทีท่ างานผลที่ไดจ้ ะแสดงส่วนทเี่ ราไดป้ มั้ ภาพขา้ งตน้ ภาพแสดงตัวอยา่ งการใช้เครื่องมอื Clone Stamp - การใชเ้ คร่ืองมอื Eraser คลกิ ทเ่ี ครือ่ งมือ Eraser จากนน้ั ช้ีสว่ นท่ตี ้องการลบ แล้ว ลากเมาส์ หรอื คลิกบริเวณนั้น,ขนาดของ Eraser เลอื กได้ตามความเหมาะสมกับภาพ ภาพแสดงตวั อยา่ งการใช้เครื่องมอื Eraser

- การใช้เครื่องมอื Blur คลิกท่ีเครื่องมือ Blur ชี้สว่ นที่ต้องการ เชน่ ตรงขอบ กด ปุ่มซ้ายของเมาส์ค้างไว้ แล้วลากถูไปมา จะทำ ให้ภาพส่วนน้ันมีลักษณะเบลอ ,ขนาดของ Blur เลือกได้ตาม ความเหมาะสม ภาพแสดงตัวอย่างการใช้เคร่ืองมอื Blur - การใชเ้ คร่ืองมอื Dodge คลกิ ทีเ่ คร่อื งมือ Dodge อาจกำหนดเก่ียวกบั ตวั เลอื ก ในการใช้เครื่องมือชี้สว่ นของภาพที่ต้องการ กดปุ่ม ซา้ ยของเมาส์ค้างไว้ แล้วลากเมาสแ์ บบถูไถไปมา ภาพ ส่วนนนั้ จะดสู ว่างข้นึ ,ขนาดของ Dodge เลือกไดต้ ามความ เหมาะสม ภาพแสดงตวั อย่างการใชเ้ คร่ืองมือ Dodge

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

กลุม่ เครื่องมือสำหรบั การระบายสี ประกอบด้วย • ชนดิ ของชดุ เครอื่ งมือสำหรับการระบายสี และหน้าทกี่ ารทำงาน กลุม่ ภาพ เคร่ืองมอื หน้าท่ีการทางาน ๔ • Option ของชดุ เคร่ืองมอื สำหรบั การระบายสี - Option ของชดุ เครื่องมอื Brush ภาพแสดงตวั อยา่ ง Option ของ เคร่ืองมอื Brush - Option ของชดุ เครื่องมอื History Brush ภาพแสดงตัวอยา่ ง Option ของเครื่องมอื History Brush - Option ของชดุ เครื่องมอื Paint Bucket ภาพแสดงตวั อย่าง Option ของ เครื่องมือ Paint Bucket • ประโยชน์ของชดุ เครอื่ งมือสำหรบั ระบายสี - เปน็ ชดุ เครือ่ งมือที่ใชส้ าหรบั วาดและระบายสี โดยจะมี พู่กนั หรือเครอื่ งมอื เท สี แบบต่าง ๆ ตามความ ตอ้ งการของผู้ใช้

• ข้นั ตอนการใชง้ านชดุ เครอ่ื งมือสำหรับระบายสี - การใช้เคร่ืองมอื Brush คลิกที่เครื่องมือ Brush คลกิ เลือกหัวของพกู่ ัน คลิก เลือกสี ลากเมาสถ์ ูบรเิ วณท่ีตอ้ งการ ,ขนาด ของ Brush เลือกได้ตามความเหมาะสม ภาพแสดงตวั อย่างการใชเ้ คร่ืองมอื Brush - การใชเ้ ครื่องมือ History Brush ลักษณะการทางานคล้ายกบั Edit -> Undo ซง่ึ จะเปน็ การยกเลิกการทางานทีไ่ ด้ทาลงไป เครอ่ื งมือระบายสปี กตเิ ครื่องมือไม่คอ่ ยได้ใช้เท่าไหร่ - การใช้เครื่องมอื Paint Bucket คลิกท่ีเครื่องมือ Paint Bucket จากนนั้ เลอื กสี ท่ีต้องการ ชเี้ มาส์บริเวณที่ต้องการจะเทสี ลงบนภาพ คลิกเมาสซ์ ้ายเพ่อื ทาการเทสี ภาพแสดงตัวอยา่ งการใชเ้ คร่ืองมอื Paint Bucket ใบความรทู้ ี่ 2.5

เร่อื ง ชดุ เครอ่ื งมอื สำหรับวาดภาพและสร้างตัวอักษร และหนา้ ทใ่ี นการทำงานเครอื่ งมอื พื้นฐานของโปรแกรม Adobe Photoshop CS6 เครื่องมอื พนื้ ฐานบนกลอ่ งเครือ่ งมือของโปรแกรม Adobe Photoshop CS6 ได้แบ่ง การทำงานออกเป็น หมวดหมู่ หรือเปน็ กลมุ่ ย่อย ใน Toolbox กล่องเครอื่ งมอื (Toolbox) เป็นสว่ นท่ใี ชเ้ กบ็ เคร่ืองมอื พ้ืนฐานในการทางาน ในโปรแกรม สามารถ เรยี กใชช้ ดุ เครื่องมอื ยอ่ ยโดยการคลกิ รูปสามเหลี่ยมทมี่ ุมดา้ นลา่ ง ดังแสดงในภาพ ดงั ต่อไปนี้ ภาพกล่องเคร่ืองมือ (Toolbox) 17. กลมุ่ เครอ่ื งมือการเลอื ก Selection 18. กลมุ่ เคร่ืองมอื Crop 19. กลมุ่ เครื่องมอื สาหรับการรีทัชภาพ 20. กล่มุ เครื่องมือสาหรบั การระบายสี 21. กลุ่มคำสัง่ พิเศษเก่ยี วกับการวาดภาพ และสร้างตัวอักษร 22. กลมุ่ เครื่องมืออานวยความสะดวกในการทางาน 23. กลมุ่ เครื่องมือในการเลือกสี Foreground (สีที่ปรากฏเมื่อเราเตมิ หรือวาดลงไป) และสี Background (สี ทปี่ รากฏเมอ่ื เราทาการลบหรือตัดบริเวณน้นั ออก) 24. กลมุ่ เครื่องมอื Quick mask เก่ียวกับการเลือกพน้ื ทอี่ ีกรปู แบบหนง่ึ กล่มุ คำสง่ั พเิ ศษเก่ยี วกับการวาดภาพ และสร้างตัวอกั ษร ประกอบด้วย

• ชนดิ ของชุดเครอื่ งมือสำหรับการวาดภาพ และสร้างตัวอกั ษร และหนา้ ทก่ี ารทำงาน กลุ่ม ภาพ เคร่ืองมือ หน้าท่กี ารทำงาน 5 - Option ของชุดเคร่อื งมือสำหรบั การวาดภาพ และสร้างตัวอกั ษร - Option ของชุดเครื่องมือ Path Selection ภาพแสดงตัวอย่าง Option ของเครื่องมอื Path Selection - Option ของชดุ เครื่องมือ Pen ภาพแสดงตวั อย่าง Option ของเครื่องมอื Pen - Option ของชุดเครื่องมือ Horizontal Type

ภาพแสดงตัวอย่าง Option ของเครื่องมือ Horizontal Type - Option ของชุดเครื่องมอื Rectangle ภาพแสดงตัวอยา่ ง Option ของเครือ่ งมอื Rectangle - ประโยชน์ของชุดเคร่ืองมอื สาหรับการวาดภาพและสรา้ งตวั อกั ษร - ใชส้ ำหรบั การวาดภาท่ีเป็นการวาดภาพลายเสน้ เช่น การวาดเสน้ Path และการสรา้ ง ตัวอกั ษร รวมท้งั การสร้างภาพคลิปอาร์ตสาหรบั งานกราฟกิ เป็นต้น - ขน้ั ตอนการใชง้ านชดุ เคร่อื งมอื สาหรบั วาดภาพและสรา้ งตัวอักษร - การใชเ้ ครื่องมอื Path Selection และ Penเครื่องมือ Path Selection สาหรบั แกไ้ ขเส้นทว่ี าดขน้ึ มา เช่น ดัดเสน้ ใหเ้ ปน็ รปู ตา่ ง ๆ การใช้งานเร่มิ ด้วย การคลกิ เลือก เคร่ืองมอื Pen ลากเมาสต์ ามรูปแบบท่ตี ้องการ ให้จดุ เร่มิ ต้นและจุดปลายมาบรรจบกนั , คลิกเคร่ืองมือ Path Selection ,กดป่มุ Ctrl คา้ งไว,้ คลิกที่จดุ ใดๆ บนภาพลากยา้ ยแขนของจุดนั้น ๆ เพื่อดดั เส้นรอบภาพ ใหโ้ ค้ง มน ภาพแสดงตวั อยา่ งการใช้เครื่องมือ Path Selection และ Pen

- การใช้เครื่องมอื Horizontal Type คลกิ เครื่องมอื Horizontal Type คลกิ เมาสซ์ า้ ยวางบนพน้ื ท่ีทำงาน จากนน้ั เลอื กแบบอักษร สีตวั อักษร แล้วพมิ พ์ข้อความลงบนพ้ืนที่ทางาน ภาพแสดงตวั อยา่ งการใชเ้ คร่ืองมือ Horizontal Type - การใชเ้ คร่ืองมอื Rectangle คลิกเคร่ืองมอื Rectangle แลว้ กดป่มุ ซา้ ยของเมาส์ ค้างไว้ แลว้ ลากออกจากศูนย์ คลกิ เลือกสีหากตอ้ งการเพ่ิมสใี ห้กับภาพ ภาพแสดงตวั อย่างการใช้เคร่ืองมือ Horizontal Type