Graphic-Unit2

¨Ñ´·Òí â´Â ¤ÃÙà¾ÅÔ¹¨ÔµÃ ´Ç§¨Ô¹´Ò ÇÔ·ÂÒÅÑÂà¡ÉµÃáÅÐà·¤â¹âÅÂÕྪúØÃÕ

จดุ ประสงคก ารเรียนรู 1.1 จุดประสงคท ว่ั ไป 1) เพอื่ ใหร ูและเขาใจเกย่ี วกบั การใชง านโปรแกรม Adobe Photoshop 2) ตระหนักในคุณธรรม จรยิ ธรรม ตามหลักปรชั ญาของเศรษฐกจิ พอเพียง 1.2 จดุ ประสงคเ ชิงพฤติกรรม 1) กําหนดคา Option Bar ได 2) อธิบายรปู แบบการทาํ งานของ Menu Bar ได 3) อธบิ ายข้ันตอนการเรยี กใชพาเลตได 4) เรยี กใชกลองเครอ่ื งมอื ได 5) สรางไฟลภ าพใหมและบนั ทกึ ไฟลภ าพได 6) มีความขยัน รับผิดชอบ และความสามคั คี ในการปฏบิ ตั ิงานรว มกัน 7) ปฏบิ ัตงิ านตามหลกั ปรชั ญาของเศรษฐกิจพอเพยี ง สมรรถนะ แสดงความรูเ บอ้ื งตนเก่ียวกับการใชโ ปรแกรม Photoshop

1. ความรูเบอื้ งตน เกี่ยวกบั โปรแกรม Adobe Photoshop โปรแกรม Adobe Photoshop คือ โปรแกรมเพ่ือสรางแกไขภาพ สามารถสรางช้ินงานไดหลากหลาย เชน การสรา งภาพเพอื่ ใชในงานเวบ็ เพจ การปรับแตงแกไขภาพเพ่ือใหไดรูปแบบใหม การยายภาพตามตอ งการ และสรางสรรคต ามจินตนาการ 1.1 การเรียกใชโ ปรแกรม Adobe Photoshop มวี ธิ ีการหลายวิธีเชน ข้ันตอนการเรยี กใชจ ากหนา ตา ง โปรแกรมที่ปุม ขัน้ ตอนดังนี้ 1. คลิกเลือกปมุ หรอื ปุม Start 2. เลือก โปรแกรมทง้ั หมด (All Program) 3. คลิกเลือก โปรแกรม 4. เขา สหู นาจอโปรแกรม Adobe Photoshop 2. Menu Bar คอื ชดุ เมนูคาํ สงั่ ทใ่ี ชจ้ ดั การไฟลภ์ าพทเ่ี ปิดใชง้ านการปรบั แต่งแกไ้ ขภาพในโปรแกรม Adobe Photoshop โดยแบง่ กลุม่ เมนูคาํ สงั่ การทาํ งาน 3. Option Bar คือ แผงควบคุมเคร่ืองมือ ซึ่งจะมีรูปแบบแตกตางกันไปตามเครื่องมือท่ีเลือกใชงานขณะน้ัน โดยการทํางานสวนใหญจะมีการปรับแตงใหเหมาะสมกับการทํางานในแตละเครื่องมือน้ัน ๆ เชน การใช เครอ่ื งมอื Brush Tool การบันทกึ คาการปรบั แตงของเคร่ืองมือ สามารถบนั ทกึ ลกั ษณะของเคร่ืองมอื ท่ีใชเ ปน ประจํา เชน ความฟุง ของเสนขอบเครอ่ื งมือ Brush Tool ไวใชใ นภายหลงั ข้นั ตอนดังนี้ 1. ลักษณะของ Option Bar เมือ่ เลอื กใชเคร่ืองมอื 2. กาํ หนดรปู แบบเครื่องมือที่ตองการใชภ ายหลัง 3. คลกิ เพือ่ บันทกึ คามีหนา ตา งยืนยันการบันทึกกดปุม OK 4. รปู แบบเครอื่ งมอื ทบี่ ันทกึ แลว 4. วธิ กี ารเรียกใช Palette Palette “พาเลต” คือ หนาตางเพ่ิมความสะดวกประกอบการทํางานรวมกับเครื่องมือตางๆ แตละพาเลตมี รูปแบบหนาท่ีการทํางานแตกตางกัน เชน พาเลต Color ใชสําหรับเลือกสีพ้ืนหรือสีเสน พาเลต History บันทึกการทํางานท่ีผานมาเพื่อกลับไปคําส่ังกอนหนากรณีที่ตองการการทํางานชุดเกา พาเลต Info ใชสําหรับ แสดงขอ มลู พาเลต Layer ใชแสดงลําดับภาพและขนั้ ตอนการทํางานเหมอื นการวางหนงั สือซอนกนั หลายเลม พาเลต Navigator กําหนดการแสดงภาพและการยอหรือขยายภาพ โดยพาเลตทุกพาเลตมีวิธีการเรียกใช เหมอื นกนั เชน วิธีการเรยี กใชพาเลต Layer ดงั น้ี 4.1 การเปดพาเลต คอื การเปดใชงานพาเลตตาง ๆ ดงั น้ี 1) การเรียกใชพาเลตจากเมนู Window เชน วธิ กี ารเรียกใช พาเลต Layer คลิกเมาสท ี่เมนู Window  Layers พาเลตใดท่ถี ูกเปด ใชงานอยูในปจจุบันนั้นจะมีเครื่องหมาย  อยหู นาคาํ ส่งั เมนู ถาไมตอ งการพาเลต ดังกลา วใหทาํ ตามขั้นตอนการเรียกใชพาเลตซํา้ อีกคร้ังพาเลตน้นั จะหายไป 2) กดคยี ลัดจากแปน พมิ พ เชน กด F7 เพ่อื เปดพาเลต Layer เปน ตน 3) การเรียกใชพาเลตที่ซอ นกันอยซู ง่ึ อาจจะอยใู นกลมุ เดียวกัน 4) คลิกเปด /ปด พาเลตจากไอคอนทแ่ี สดงอยูบ นแถบพาเลตทพ่ี ับเก็บไว

4.2 การปด พาเลต คอื การปดพาเลตหรือยกเลกิ พาเลตตาง ๆ ดังน้ี 1) เลือกคําส่ัง Window  ชอ่ื พาเลตทเ่ี ปดอยู เชน การปดพาเลต Layer 2) คลกิ ขวาบนแถบชอื่ พาเลตแลว เลือก Close 3) คลิกท่เี มนขู องพาเลต แลวเลอื กโคด 4.3 การยอ/ขยายกรอบพาเลต คือ การเรียกใชงานพาเลตใดแลวหากตองการปดพาเลตดังกลาว หรือ ตองการยอหนาตางพาเลตเพ่ือเพิ่มพ้ืนท่ีการแสดงภาพ และขยายกลับคืนเมื่อตองการเรียกใช เชน คลิกเมาส เมอ่ื ตอ งการยอ พาเลต หรือคลิก ขยายพาเลต 5. กลอ งเคร่ืองมือ 5.1 การเรยี กใชกลองเครื่องมือ (Toolbox) คอื ชุดกลองเครื่องมือที่ใชจ ัดการไฟลภาพทีส่ รางขนึ้ ในหนาตาง โปรแกรมสามารถปรบั แตง กลองเครื่องมอื การรวมกลองเครื่องมือกับพาเลตสามารถนําเมาสคลิกท่ีกลองเครื่องมือแลวกดเมาสคางไวดึงกลอง เครอ่ื งมอื มาวาง ณ มุมดานซายของพาเลตแลวปลอยเมาส ดังภาพ 5.2 การเรียกใชกลองเคร่ืองมือ คือ การเรียกใชเคร่ืองมือตาง ๆ ในกลุม ซ่ึงมีกลุมเคร่ืองมือยอยอีกสังเกต จากสญั ลักษณรปู สามเหล่ยี มสดี าํ มุมดานลา ง ของเคร่อื งมือแตละตัวจะสามารถคลกิ เมาสคา งไวเ พ่ือเลือก เคร่ืองมือยอยตา ง ๆ ในกลมุ ได การเรียกใชเ ครอ่ื งมอื ดว ยวธิ กี ารกดปมุ Shortcut บนแปน พิมพเ ปน อกี วิธกี ารหนงึ่ ทนี่ ยิ มใช โดยผูใชท ่มี ี ความชํานาญนิยมใชวิธีดังกลาวเน่ืองจากสามารถใชคําสั่งไดรวดเร็วไมยุงยากลดข้ันตอนการเรียกใชคําส่ังท่ี ยุงยากเปนการกดปุมงายๆ บนแปนพิมพรวมกับปุม Shift การเรียกใชคําส่ังใด ๆ เรียกใชจากตัวอักษรท่ีแสดง อยดู า นหลังช่อื ของเคร่อื งมอื แตละตัว ขัน้ ตอนดงั น้ี การเรียกใชปมุ Shortcut ที่แปนพมิ พ กดปมุ Shift คางไว แลวตามดวยตวั อักษรท่ีเปนปมุ Shortcut ของเคร่ืองมือในกลุมที่ตองการ เชน กดปุม Shift คางไวแลวกดตัวอักษร M ที่แปนพิมพ หมายถึง การ เรียกใชเครื่องมือ Rectangular Marquee Tool ถากดซํ้าอีกครั้งจะเรียกใชเครื่องมือ Elliptical Marquee Tool 5.3 กลุมเครื่องมือของโปรแกรม Adobe Photoshop คือ เครื่องมือตาง ๆ ประกอบดวยเครื่องมือท่ีใชใน การทํางานหลากหลาย ซึ่งไดมีการจัดกลุมของเครื่องมือท่ีมีลักษณะการทํางานคลายกันอยูในกลุมเดียวกัน แบงกลุม ยอ ยได 8 กลุม ดงั น้ี 5.3.1 กลุมเคร่อื งมือสําหรับการเลอื กเพอ่ื เคลื่อนยายวัตถหุ รือภาพตาง ๆ และสรางขอบเขตพื้นท่ีเพื่อ ลบบางสว นออกจากภาพ 5.3.2 กลุม เคร่อื งมอื สาํ หรับการตดั ภาพเพอ่ื เลอื กเฉพาะสวน และบันทึกไฟล ภาพเปน ภาพเล็ก ๆ ขนาดความจขุ องไฟลนอย เพื่อใชงานบนเวบ็ ไซต ดงั ตาราง 5.3.3 กลมุ เคร่อื งมอื สาํ หรบั วัดคา เชน เกบ็ คา สเี พอ่ื ใชเ ปรยี บเทยี บ การวัดระยะ การตรวจนบั ภาพ ดังตาราง 5.3.4 กลมุ เคร่อื งมอื สําหรับการระบายสีตาง ๆ โดยมแี บงกลุมยอ ยตามลกั ษณะของ การใชงานดา นตาง ๆ เชน การระบายสี วาดเสน แปลงภาพเปน ภาพระบายสนี ํ้า หรอื การลงสีแบบไลโ ทน สี ดงั ตาราง

5.3.5 กลุมเครื่องมือสําหรับการปรับแตงภาพ โดยแบงเครื่องมือออกเปนกลุมยอย ๆ ไดแก กลุม การแกไขพ้ืนผิว กลุมสําหรับการตัดฉากหลัง กลุมสําหรับปรับความคมชัดภาพ และกลุมสําหรับการปรบั แตง สเี ฉพาะจุด 5.3.6 กลุมเคร่ืองมือสําหรับสรางเสนรูปทรงแบบ Vector สามารถบิดเสน หรือดัดรูปทรงไดโดย ไมสูญเสียรายละเอียด เชน การวาดภาพในกลุมเคร่ืองมือ Pen Tool การสรางตัวอักษร หรือการวาดรูปทรง ในกลมุ Shape 5.3.7 กลุมเครื่องมือสําหรับจัดการกับมุมของภาพ เชน การเล่ือนดูภาพแตละสวน การหมุนภาพไป ในทศิ ทางตาง ๆ และการมองภาพ 6. การสรา งไฟลภ าพใหมแ ละบันทึกไฟล 6.1 การสรางไฟลภ าพใหม การสรางไฟลภ าพใหมน้ันจะตองกําหนดขนาดของภาพกอน เพื่อระบุขนาด ของไฟลภาพใชงานจริง เม่ือมีการพิมพออกทางเครื่องพิมพแลวไดขนาดรูปภาพตาม ที่ระบุในการสรางไฟล ภาพใหม โดยการคลิกทเี่ มนู File  New หรอื Ctrl + N จะปรากฏหนา ตางท่ีใชสรา งไฟลภ าพใหม โดยสามารถเลือกรูปแบบ หรือกําหนดคาตาง ๆ เชน ความกวาง ความสูงและโหมดการพิมพของภาพ แตล ะรปู แบบมคี วามหมาย ดังนี้ Name ตงั้ ชอ่ื ไฟลภาพใหม Preset กําหนดขนาดหนาตางการทํางาน Width กาํ หนดความกวาง 30 Pixels Pixels พกิ เซล Inches น้วิ Cm เซนติเมตร Mm มลิ ลเิ มตร Point จุด Picas ไพคะ Columns สดมภ Height กําหนดความสงู 24 Pixels Resolution กําหนดความละเอียดของภาพเปน 72 Pixels Color Mode กําหนดโหมดสีภาพเปน CMYK Color Bitmap แบบจุดสี Gray scale แบบขาวดาํ RGB Color แบบ Additive CMYK Color แบบใชกบั ส่งิ พิมพ Lab Color แบบไมคํานึงถึงอปุ กรณท่นี ํามาใช Background Contents กําหนดสีพื้นหนา ตา งเปนสขี าว White พน้ื หลงั สีขวา Background Color พน้ื หลังเปน สที ีต่ ้งั ไว Transparent พืน้ หลังโปรง แสง

ตวั อยา ง การกําหนดสพี นื้ ไฟลภาพใหม White Background Color Transparent 6.2 การบันทึก File คือ การบันทึก File “ไฟล” ภาพนั้นที่ทําการบันทึกไฟลจะมีคุณภาพของภาพ แตกตางกันตามประเภทของไฟลที่บันทึก โดยการเลือกประเภทของไฟลภาพน้ันขึ้นอยูกับความเหมาะสมกับ งานทีจ่ ะนาํ รปู ภาพมาประยกุ ตก ับโปรแกรมตา งๆ ในภายหลงั ดงั นี้ 6.2.1ไฟลนามสกุล .PSD (Photoshop) ไฟลที่เก็บขั้นตอนการทํางานไวโดยดูจาก Layer การทาํ งาน ซง่ึ สามารถนาํ ไฟลไ ปปรบั ปรุงแกไขใหมไดท ันที 6.2.2 ไฟลนามสกุล .TIFF (Tagged Image File Format) คือ ไฟลเก็บข้ันตอนการทํางานไว ขอดขี องไฟลน ามสกุลน้ี คือ ภาพมีความละเอียด เหมาะกับงานดานนติ ยสาร 6.2.3 ไฟลนามสกุล .JPG และ .JPEG (Joint Photoshop Experts Group) คือ ไฟลมี ขนาดเลก็ สามารถบีบอัดขอ มลู ไดมากเหมาะกับงานดานเว็บเพจ 6.2.4 ไฟลนามสกุล .GIF (Graphics Interchange Format) คือ ไฟลภาพขนาดเล็ก เหมอื นกบั ไฟลนามสกุล .JPG และ .JPEG แตเ หมาะกับงานดา นภาพลายเสน มากกวา 6.3 การบันทึกไฟลภาพดวยคําส่ัง Save คือ การบันทึกไฟลกอนการทํางานอ่ืนๆ ควรบันทึกไฟล ภาพใหเ รยี บรอ ยกอนการปดหรือเปดไฟลภ าพอื่นการบันทึกไฟลภาพ ขนั้ ตอนดังน้ี 1. เลือกเมนู File โดยคลกิ ท่เี มนู File  Save จะปรากฏหนา ตา งการบนั ทึก ไฟลด ังภาพตอไปนี้ 2. เลอื กโฟลเดอรบันทกึ ไฟล และพมิ พช อ่ื ไฟล 3. คลกิ ปมุ Save 6.4 การบันทึกไฟลภาพดวยคําส่ัง Save As คือ บันทึกไฟลภาพกรณีท่ีตองการเปล่ียนชื่อการ ทํางานคลายกับคําสั่ง Save แตแตกตางท่ี Save As จะใชเม่ือตองการเก็บไฟลภาพท่ีตําแหนงใหมหรือเม่ือ ตองการเปลย่ี นชือ่ ไฟลภ าพใหม ขั้นตอนดังนี้ เมือ่ นําเมาสคลกิ ปุม Save (บันทกึ ไฟลน ามสกลุ .JPEG) จะปรากฏหนา ตาง ปรบั เปล่ยี นคณุ ภาพของไฟลภ าพ โดยการกาํ หนดคา Image Options) ดงั นี้ Quality คอื คุณภาพของไฟลประกอบดว ย Low ไฟลคณุ ภาพตาํ่ Medium คณุ ภาพปานกลาง High ไฟลคณุ ภาพดี Maximum ไฟลคณุ ภาพดสี ูงสดุ Small File/Large File การปรับขนาดไฟลภาพ โดยถาลากแถบเลือ่ นไปดานซา ย ไฟลภ าพมขี นาดเล็ก แตถาเล่ือนไปดานขวาไฟลภาพจะมี ขนาดใหญ Format Options คือ คุณสมบตั ไิ ฟลรูปภาพ ประกอบดวย

Baseline (“Standard”) กาํ หนดเปนไฟลแ บบมาตรฐานสามารถรองรับบราวเซอร ไดหลายบริษัท Baseline Optimized กาํ หนดเปนไฟลแบบลดคุณภาพของสลี ง แตใ ชไดก ับบาง บราวเซอร Progressive กําหนดไฟลแบบแสดงภาพขึน้ มาทีละนดิ ขณะโหลดไฟล ใชไดก ับบางบราวเซอร Size คือ ขนาดของไฟลรูปภาพซึ่งเริ่มท่ี 14.4 Kbps ถึง 2 Mbps 6.5 การบันทึกไฟลภาพ Adobe Photoshop (.PSD) การแกไขไฟลภาพ โดยการสรางภาพกราฟก เชน การตัดตอภาพ การเพิ่มขนาด หรือเปล่ียนแปลงลักษณะไฟลที่มีผลกับโครงสรางเดิมของภาพ เม่ือมีการ เลือกคาํ สั่ง File  Save แสดง Dialog box ตรงเมนู Save As ขน้ึ โดยเลือกรูปแบบของไฟลภาพเปน Adobe Photoshop (*.PSD, * .PDD) เปน คา พ้ืนฐาน คุณสมบัติของไฟลดังกลาวคือ เก็บรายละเอียดการทํางานตาง ๆ เชน Layer รูปแบบอักษร และ รูปแบบเสนพาธไวไดอยางครบถวนชวยใหการนําไฟลภาพกลับมาแกไขทําไดงาย ในขณะท่ีไฟลประเภทอื่นจะ เก็บขอมลู เหลา นไ้ี มไ ด หรอื ไดเพียงบางสวน 6.6 การเปดไฟลภาพ คือ การเปดไฟลภาพสามารถทําไดหลายวิธีขึ้นอยูกับความตองการของผูใชจะ เลือกใชว ิธีใด เชน วิธกี ารเปดไฟลภาพจากเมนู File ดงั น้ี 6.6.1 การเปดไฟลจ ากเมนไู ฟล ข้ันตอนดังนี้ 1. คลกิ เมนู File  Open หรือกดคียลัด Ctrl + O จะปรากฏหนาตาง Open 2. ชอ ง Look in เลอื ก Drive และโฟลเดอรทเ่ี ก็บไฟล 3. ดูตัวอยา งภาพและคลกิ เลือกชือ่ ไฟลจ ากรายการ 4. คลกิ ปุม Open 6.6.2 การเปด ไฟลภาพ Adobe Photoshop (PSD) คือ การเปดไฟลโปรแกรม วธิ เี รยี กใช เหมือนการเปดไฟลภ าพทั่วไป แตไ มสามารถมองเห็นตัวอยา งไฟลภ าพทัง้ หมดในกรอบรายการไฟล แตตอ งคลิก เลือกไฟลกอนแลวดูตัวอยางท่ีดานลางแทน (สามารถคลิกเลือกไฟลคร้ังละ 1 ภาพ) แตเม่ือเปดไฟลภาพข้ึน มาแลวบนพาเลต Layer นัน้ จะแสดง Layer ทั้งหมด และสามารถแกไ ขตอ ได โดยแสดงภาพใน Layer เปน 6.6.3 การเปดไฟลภาพอยางรวดเร็วดวยคําส่ัง Open Recent เปนคําสั่งการเปดไฟลภาพ อยางรวดเร็ว ซึ่งเก็บชื่อไฟลภาพท่ีเคยเปดใชงานแลวกอนหนานั้น 10 ไฟล โดยคลิกที่เมนู File  Open Recent ปรากฏชือ่ ไฟลต าง ๆ แลว คลิกเลอื กไฟลทต่ี อ งการ 6.7 การปดไฟลภ าพ คือ การปด ไฟลภ าพการทาํ งานในโปรแกรมจาก Adobe Photoshop เสร็จสิ้น แลว สามารถเลือกปดไฟลภาพที่ทํางานอยูไดห ลากหลายวิธี เชน คลิกเครอื่ งหมาย  หรือคลิกจากเมนูคําส่ัง ไฟล ดังนี้ 6.7.1 นาํ เมาสค ลกิ เครอื่ งหมาย  ในหนา ตางไฟล 6.7.2 เรียกใชค าํ สั่งจากเมนูไฟล คอื การปด ไฟลภ าพที่เปดใชง าน เอกสารอางองิ อัญชลีพร ลาบุญ. โปรแกรมกราฟก. นนทบุรี : ศูนยห นังสอื เมืองไทย, 2557 สุพรรณี สัตนาโค. โปรแกรมกราฟก. กรุงเทพฯ : สํานักพิมพ บริษัทพัฒนาคุณภาพวิชการ (พว.) จํากัด, 2556