e-book สื่อการเรียนวิชาโปแกรมกราฟิก

รหัสวิชา 2204-8501 โปรแกรม กราGPฟrroaิgกprhaimcs

บทท่ี 1 เรมิ่ ต้นกับ Photoshop1 cs 1. ความหมายของกราฟิกและคอมพิวเตอร์กราฟกิ กราฟกิ มาจากภาษากรกี ซึง่ หมายถึง การวาด เขียน (Graphikos) และ การเขียน (Graphein) กราฟกิ จึง หมายถงึ ศิลปะหรือศาสตรแ์ ขนงหนงึ่ ท่ีสอื่ ความหมายโดยใช้ เส้น ภาพเขียน สัญลกั ษณ์ ภาพถ่าย คอมพวิ เตอร์กราฟิก หมายถึง การสร้างและการจดั การ ภาพกราฟกิ โดยใชค้ อมพวิ เตอร์ การใชค้ อมพิวเตอรส์ รา้ ง ภาพ การตกแต่งแก้ไขภาพ หรอื การจดั การเกี่ยวกบั ภาพ

บทท่ี 1 เริม่ ต้นกับ 2 Photoshop cs6 การเกดิ ภาพในคอมพิวเตอรก์ ราฟิกได้ ลกั ษณะและความหมายของพกิ เซล (Pixel) พกิ เซล (Pixel) มาจากคาวา่ Picture กับคาว่า Element เป็นหน่วยพนื้ ฐานของภาพ คือ จุดสเ่ี หลี่ยมเลก็ ๆ ทร่ี วมกันทาให้เกิดเปน็ ภาพขนึ้ ภาพหนง่ึ ๆ จะประกอบดว้ ย พกิ เซลหรือจุดมากมาย ซึ่งแต่ละภาพทสี่ รา้ งขึน้ จะมคี วาม หนาแน่นของจดุ หรือพิกเซลเหล่าน้แี ตกตา่ งกนั ออกไป ส่วนประกอบตา่ ง ๆ ของโปรแกรม Adobe Photoshop CS6 โปรแกรม Adobe Photoshop CS6 ไดป้ รับเปลย่ี น รูปแบบ นอกจากจะมีสสี นั สวยงามข้ึนแลว้ ยงั จัดการกับ พาเนลหรือเครอ่ื งมือทจ่ี ดั วางไมเ่ ปน็ ระเบยี บ ออกไปจาก หนา้ ตา่ งการทางานคอ่ นขา้ งมาก เชน่ เพ่มิ ปุ่มคาสง่ั และ จดั เรียงปุม่ คาส่งั บางปมุ่ ใหม่

บทที่ 1 เริ่มต้นกับ 3 Photoshop cs6 สาหรับหน้าตา่ งโปรแกรม Adobe Photoshop CS6 ประกอบไปด้วยพาเนลและกลอ่ งเคร่ืองมอื ท่ีวางอยูบ่ นพนื้ ท่ี ว่างซึง่ เปรยี บเสมอื นกบั โตะ๊ ทางาน ดังนัน้ จึงสามารถเคล่ือน ย้ายตาแหน่งพาเนลและเครอ่ื งมอื ไปยังจดุ ทต่ี ้องการได้ สว่ นประกอบสาคญั ของหนา้ ต่างโปรแกรม มรี ายละเอยี ด ดงั น้ี 1 แถบเมนคู าสัง่ (Menu Bar) เป็นจุดรวบรวมชดุ คาส่งั ทใ่ี ชส้ าหรับเรยี ก คาสง่ั ตา่ ง ๆ เพ่ือใชจ้ ดั การไฟลภ์ าพหรอื ตกแต่งภาพ ดงั แสดงในภาพที่ 1

บทที่ 1 เร่มิ ตน้ กับ 4 Photoshop cs6 ภาพที่ 1 แถบเมนูคาสงั่ (Menu Bar) แถบเมนคู าส่ังประกอบไปด้วยท้งั หมด 10 เมนคู าสั่ง โดย แสดงชอ่ื เมนูคาสัง่ และรปู แบบการทางาน ตารางที่ 1 รูปแบบการทางานของ แถบเมนูคาสั่ง เมนู รูปแบบการทางาน File สำหรบั จดั กำรกบั ไฟลภ์ ำพในลกั ษณะตำ่ ง ๆ เชน่ สรำ้ งไฟลง์ ำนใหม่ เปิ ด บนั ทกึ ไฟลง์ ำน นำเขำ้ หรอื สง่ ออกไฟลเ์ พอื่ ทำงำนในลกั ษณะอน่ื ๆ Edit สำหรบั แกไ้ ขภำพ เชน่ ตดั คดั ลอก วำง รวมถงึ ปรบั แตง่ คำ่ เบอื้ งตน้ ของ Image สำหรบั จดั กำรภำพ เชน่ แกไ้ ขควำมสว่ำงหรอื สขี องภำพใหส้ มดลุ ยง่ิ ขนึ้ สำหรบั ย่อขยำยขนำดภำพ และกำหนดขนำดพนื้ ทกี่ ำรทำงำนของภำพ

บทที่ 1 เริ่มต้นกบั 5 Photoshop cs6 2 แถบตัวเลอื ก (Options Bar) เป็นสว่ นทใ่ี ชใ้ นการปรบั แตง่ คา่ การทางานของ เครื่องมือ ตา่ ง ๆ การกาหนดค่าในแถบตัวเลอื กจะเปลย่ี นไป ตามเคร่อื งมือทใี่ ชง้ านอยู่ ภาพท่ี 3 กล่องเครอ่ื งมอื (Toolbox) เครอื่ งมือพน้ื ฐานบนกลอ่ งเครอ่ื งมอื ของโปรแกรม Adobe Photoshop CS6 ไดแ้ บง่ การทางานออกเปน็ หมวดหมูห่ รือ เป็นกลุม่ ย่อย ๆ ดงั แสดงในตารางท่ี 2

บทที่ 1 เร่มิ ต้นกับ 6 Photoshop cs6

บทที่ 1 เร่มิ ต้นกับ 7 Photoshop cs6

บทท่ี 1 เริม่ ต้นกับ Photoshop cs6 8

9

10

11

12 4 แถบชอื่ เรือ่ ง (Title Bar) เปน็ ส่วนทแี่ สดงชื่อไฟลภ์ าพท่เี ปดิ ใชง้ านอยู่ สาหรับ โปรแกรม Adobe Photoshop CS6 แถบชื่อเรือ่ งจะเรยี งกัน เปน็ แท็บ (Tab) 5 แถบสถานะ (Status Bar) เปน็ สว่ นทแี่ สดงคณุ สมบตั ิเกี่ยวกับภาพ เช่น เปอร์เซน็ ตใ์ นการยอ่ ขยายไฟลภ์ าพ ขนาดไฟล์ภาพ

13 6.พื้นที่ใช้งาน (Working Area) เปน็ สว่ นทใี่ ชใ้ นการสร้างงานกราฟิก โดยการเปิดไฟลภ์ าพ เพ่อื แก้ไขบนพ้นื ทใี่ ชง้ าน หรอื วาดภาพใหมล่ งไปบนพนื้ ทใี่ ช้ งาน ดงั แสดงในภาพท่ี 2.6 7 พาเนล (Panel) ใช้สาหรับจดั การกับภาพ โดยแยกออกเปน็ หมวดหมู่ เช่น พาเนลสาหรบั เลอื กสี พาเนลสาหรับปรบั แต่งความสวา่ ง เปน็ ตน้ พาเนลแต่ละแบบมหี นา้ ทแ่ี ละการใชง้ านแตกต่างกนั ออกไป โดยสามารถเลอื กเปดิ หรอื ปดิ พาเนลไดจ้ ากเมนคู าสง่ั Window ตัวอย่างพาเนลที่นยิ มใช้ มดี ังน้ี 7.1 Navigator ใชป้ รบั มุมมองของภาพ โดยคลิกเลือก บรเิ วณ Zoom Slider เพอื่ ย่อขยายมมุ มองภาพ ดังแสดงใน ภาพท่ี 7

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

15 7.4 Styles ใช้สาหรับกาหนดการตกแต่งรปู แบบตา่ ง ๆ ท่ี โปรแกรมกาหนดขึน้ มา เชน่ การตกแตง่ สใี ห้กับรปู แบบ ข้อความ 7.5 Adjustments ใช้ปรับแตง่ สใี หก้ ับภาพ เพ่อื แก้ไข ขอ้ บกพรอ่ งหรือสที ่ผี ิดเพ้ียน 7.6 Layers ใช้ควบคมุ การใชง้ านเลเยอรต์ ่าง ๆ ทเี่ กิด จากการสรา้ งช้ินงาน

16 7.7 History ทาหนา้ ทใี่ นการเกบ็ รายละเอยี ดขน้ั ตอนการ ทางานทงั้ หมดทผ่ี า่ นมา เพื่ออานวยความสะดวกเมอ่ื ตอ้ งการ ยอ้ นกลับไปใชค้ าส่งั เก่าหรอื ย้อนดกู ารทางานทผ่ี ่านมา ภาพจากเลนส์ตา่ งๆ เชน่ ภาพทสี่ แกนจากหนา้ กระดาษ ภาพถา่ ยจากกลอ้ งดิจิตอล เหลา่ นเี้ ราตอ้ งทาการเชอ่ื มต่อกบั อุปกรณส์ แกนเนอรแ์ ลว้ กลอ่ งดิจิตอล

17 ปัจจุบนั การถ่ายภาพดว้ ยกล้องดจิ ติ อลเปน็ ที่นยิ มแพร่หลาย ดงั นั้นหากเราตอ้ งการแกไ้ ข หรือปรบั แตง่ ภาพจากกล้อง ดิจติ อลดว้ ยโปรแกรม Photoshop กอ่ นนาไปทร่ี ้านอัดภาพ ลงกระดาษ ก็สามารถทาไดง้ า่ ยๆดงั นี้ เมอื่ ต่อสายเคเบลิ ระหวา่ งตัวกลอ้ งกับเคร่ืองคอมพวิ เตอรแ์ ลว้ จะสามารถนาเขา้ ภาพลงเครอื่ งไดด้ ังน้ี นาภาพจากสแกนเนอรล์ งคอมพวิ เตอร์

บทท่ี 2 หลกั การสร้างงานกราฟกิ และใช้ 21 เครอ่ื งมอื พ้ืนฐาน หลักการสร้างงานกราฟกิ 1. การกาหนดพ้ืนหลงั ของภาพ เปน็ การกาหนดภาพ หรอื สีพนื้ หลงั โดยภาพหรือสพี ้ืนหลงั ท่ี ใช้น้ันควรมโี ทนสใี หอ้ ารมณ์และสื่อความหมายไดถ้ ูกตอ้ งตาม จุดประสงคข์ องช้ินงาน 2. การเลอื กพื้นทีภ่ าพทใี่ ชง้ าน เปน็ การตดั หรือคัดลอกบางส่วนของภาพต่างๆ ที่เราจะ นามาใช้ในช้นิ งานของเรา 3. การจดั วางภาพให้เหมาะสม การนาภาพส่วนประกอบมารวมกันเปน็ ชนิ้ งาน อาจมีบางภาพ ท่มี ขี นาดและมุมการจัดวางไมล่ งตวั เรากส็ ามารถขยาย หมุน และบิดภาพใหเ้ ขา้ กัน 4. การใส่ข้อความ เปน็ การใสข่ อ้ ความทเี่ ปน็ ชอ่ื เรอ่ื ง หรือคาบรรยายตา่ งๆ เข้า ไปตกแต่งเพมิ่ เตมิ 5. การนาภาพสว่ นประกอบมาจดั ซอ้ นกัน การนาภาพสว่ นประกอบทเี่ ลอื กไวม้ าทาการซ้อนกนั โดย บางสว่ นอาจจะอยู่ดา้ นบน หรอื ด้านล่างตามจดุ ประสงคท์ วี่ าง ไว้ 6. ตกแตง่ ทุกส่วนประกอบเข้ากนั อยา่ งกลมกลนื สดุ ท้ายจะพจิ ารณาภาพรวมชนิ้ งานท่ไี ด้ และปรับแต่ง รายละเอยี ดของภาพประกอบแตล่ ะส่วนใหด้ กู ลมกลืนกนั เพ่อื ให้ไดผ้ ลงานท่ีสวยงาม

บทที่ 2 หลักการสรา้ งงานกราฟกิ และใช้ 22 เครื่องมอื พน้ื ฐาน สีโฟรก์ ราวนด์ (Foreground) และสแี บ็คกราวนด์ (Background) เป็นพน้ื ทแี่ สดงสีและกาหนดการใชส้ ี ซึ่งตอ้ งทางาน ควบค่กู ับเครอื่ งมือในการระบายสี และเคร่ืองมอื อนื่ ๆ ที่ เก่ียวข้องกบั สที ง้ั หมด โดยสขี องโฟรก์ ราวนด์จะเปน็ สที ่ี เราเลือกไว้ใช้ในการลงสี สว่ นสขี องแบค็ กราวนดจ์ ะเป็น สีพน้ื หลังของภาพ นอกจากน้ันโปรแกรม Photoshop ยัง ใชส้ ีของโฟรก์ ราวนดใ์ นการเติมสภี าพและ ใชส้ ีของแบ็ค กราวนดแ์ ทนการลบพนื้ ที่ภาพอกี ดว้ ย Default color คลกิ เมาสท์ ี เพือ่ เปลย่ี นสีของ โฟร์กราวนด์ และแบค็ กราวนด์กลบั มาเปน็ สมี าตรฐาน คอื สีดาเปน็ สีของโฟร์กราวนด์ และสีขาวเปน็ สขี องแบค็ กราวนด์ Switch color คลิกเมาส์ที่ เพอื่ สลบั สขี องโฟร์ กราวนดม์ าเปน็ สขี องแบค็ กราวนด์ และสขี องแบค็ กราวนดม์ าเปน็ สีของโฟรก์ ราวนด์แทน เลือกสีจาก Color Picker Color Picker เปรยี บไดก้ ับจานสขี นาดใหญท่ มี่ สี ีนบั ล้านๆ สใี หเ้ ราเลือก โดยเลอื กตามสเปคตรมั สที ป่ี รากฏ หรอื ตามการกาหนดคา่ เปน็ ตวั เลข ซง่ึ เป็นวธิ กี ารทนี่ ิยม ใช้กนั มากในการเลอื กใชส้ ี

บทที่ 2 หลกั การสรา้ งงานกราฟกิ และใช้ 23 เคร่ืองมือพ้ืนฐาน เลือกสจี าก Color Panel จะใช้ในการกาหนดคา่ สีโดยใชก้ ารเลอ่ื นสไลดเ์ พ่อื ระบสุ ี เรา สามารถเรียกพาเนล Color ขนึ้ มาไดโ้ ดยใช้คาส่งั Window -> Color ให้มเี คร่อื งหมายถกู นาหนา้ คาส่งั น้ี ซง่ึ จะปรากฏพาเนล Color ข้นึ มา

บทที่ 2 หลกั การสรา้ งงานกราฟกิ และใช้ 24 เครอ่ื งมอื พนื้ ฐาน เลือกสีจาก Swatch Panel คลิกเมาส์ทส่ี ีในพาเนล Swatches จะเปน็ การเลอื กสโี ฟร์ กราวนด์ หรือกดแปน้ <Ctrl>+คลิกเมาสท์ ีส่ ใี นพาเนล Swatches จะเปน็ การเลือกสีแบค็ กราวนด์ การเลือกใชร้ ปู แบบสีตา่ งๆ นอกจากการปรับแต่งโทนความ สว่าง และสสี นั แล้ว สามารถใชง้ านเครอ่ื งมอื อื่นๆ เช่น สาหรบั ระบายสี และสร้างพ้ืนผิวเครอื่ งมือเหล่านม้ี ปี ระโยชนก์ บั การ ปรบั แต่งรูปภาพ และนาความรมู้ าประยุกตใ์ นการออกแบบเวบ็ เพ็จ 6.1 เครือ่ งมอื การระบายสี เครื่องมอื ทใ่ี ช้ระบายสีมอี ยู่มากมาย ซง่ึ แต่ละแบบมี ความสามารถในการใชง้ านทแ่ี ตกตา่ งกันขน้ึ อยกู่ ับภาพทสี่ รา้ ง และควรเลอื กเครอ่ื งมอื ชนดิ ใดเพ่ือใหเ้ หมาะกบั ชนิ้ งานนัน้ ๆ โดย แบง่ เครอ่ื งมือระบายสไี ด้ 4 กลุ่มดังนี้

บทที่ 2 หลกั การสรา้ งงานกราฟกิ และใช้ 25 เคร่ืองมอื พืน้ ฐาน 1. กราเดี้ยน ทูล ( Gradient Tool ) คือ การไลโ่ ทนสใี หภ้ าพ นาไปสรา้ ง พื้นหลงั ให้รปู ภาพตา่ งๆ หรอื สร้างเอฟเฟ็กตใ์ นการ ออกแบบภาพการลงสีแบบไล่โทนสีดว้ ยเครอ่ื งมอื Gradient Tool คือการเตมิ สีแบบไลโ่ ทนสี สามารถกาหนดสีและทศิ ทาง ของแถบสอี ย่างอิสระ รูปแบบวิธีการปรบั แตง่ Option Bar 6.1.2 เพนท บคั เคท็ (Paint Bucket Tool) คือ การเทสลี งไปใน ขอบเขตทีก่ าหนดไวแ้ ละรูปแบบการเทสีพื้นผิว แบบ แพทเทิน (Pattern) สาเรจ็ ในโปรแกรม การเติมสีแบบ เพนท บคั เคท็ (Paint Bucket) คอื การ เติมสีด้วย โดยใช้สีโฟกราว (Foreground) หรือสีแบบแพทเทลิ (Pattern) มีขน้ั ตอนดังนี้ 1. คลกิ เคร่อื งมือ Paint Bucket Tool 2.ปรบั เปลยี่ น Option Bar 3. คลิกบริเวณท่ีตอ้ งการแล้วเทสลี งไป

บทท่ี 2 หลกั การสร้างงานกราฟกิ 26 และใชเ้ ครื่องมอื พนื้ ฐาน 6.1.2 กลุ่มวาดภาพและระบายสี คอื กล่มุ เครอ่ื งมอื สาหรบั การ วาดและระบายสดี ว้ ยการใชเ้ มาสค์ ลกิ เพื่อวาดรปู ตา่ งๆหรือเลอื ก รูปแบบพู่กนั สาเรจ็ ทโี่ ปรแกรมกาหนดให้ โดยการระบายสแี บง่ เคร่อื งมือออกเป็น 4 ตัว ซงึ่ มีความสามารถในการใชง้ าน แตกต่างกนั 6.1.2.1 บรัช ทลู (Brush Tool) คอื เครอ่ื งมอื สาหรับการระบาย สี โดยสามารถกาหนด รปู แบบของเสน้ ได้มากมาย มีความยดื หยุ่นในการใชง้ านกบั ภาพสงู สดุ 6.1.2.2 เพนซิล ทูล (Pencil Tool) คือ เครอ่ื งมอื สาหรบั การระบายสีเปน็ รูปภาพ ผลของการใชง้ านจะไดเ้ สน้ ทีเ่ ปน็ เส้น แขง็ และหยาบซ่ึงเหมาะกบั ภาพบางประเภทเทา่ น้ัน 6.1.2.3 คลั เลอร์ รเี พลซเม้น ทลู (Color Replacement Tool) คือ เครอ่ื งมือสาหรบั การ ระบายสที ับลงไปบนพนื้ ผวิ เพือ่ เปลีย่ นสขี องจดุ ทเี่ ลือก 6.1.2.4 มิกเซอ บรชั ทูล (Mixer Brush Tool) คือ เคร่ือง ระบายสี โดยสามารถเลือก กาหนดรปู แบบได้มากมาย และไดเ้ ส้นทมี่ ีสอี อ่ นหรือนุ่มนวลกว่า โดยยกตวั อย่างการใชเ้ ครอื่ งมอื วาดภาพและระบายสี คอื Brush Tool และ Pencil Tool

บทที่ 2 หลกั กำรสรำ้ งงำนกรำฟิ ก 27 และใชเ้ ครอื่ งมอื พนื้ ฐำน 6.1.2.1 เครือ่ งมือ บรชั ทลู (Brush Tool) คือ เครือ่ งมอื ทโี่ ดด เด่นท่ีสดุ ในกลุ่มเนอ่ื งจากมีความสามารถในการทางาน และ ประยุกตใ์ ชก้ บั การวาดภาพรว่ มกบั การปรบั แตง่ ภาพถ่าย การ ระบายสมี ีข้นั ตอนดังน้ี 1. เลือกเครื่องมือ ออปชนั่ การปรบั ความเขม้ Brush Tool บรัช ทลู มีวธิ ีการปรับรูปแบบความเขม้ การระบายสี 2. Opacity คือ การกาหนดความเข้มสงู สดุ ของเครอื่ งมอื ในการแดรกเมาสร์ ะบายสีหน่ึงครง้ั เม่ือปล่อยเมาส์แลว้ ระบายสี ซา้ ที่จดุ เดิมอีกกจ็ ะเขม้ ขนึ้ 3. Airbrush ผ้ใู ชส้ ามารถคลิกเลือกปมุ่ น้ี เพอื่ กาหนด ความเขม้ ของสีทร่ี ะบายลงไปจากการคลกิ เมาสค์ า้ งไว้ทจ่ี ดุ เดิม ซึง่ มหี ลักการเหมือนกบั การพ่นสดี ว้ ย Airbrush 6.1.3 กล่มุ เครือ่ งมอื การระบายสีพิเศษ คือ กลุ่มเคร่ืองมอื ระบายสพี ิเศษสามารถเลอื กใชง้ านได้ 2 แบบ เครอื่ งมอื ฮสิ สะตอรี บรัช ทลู (History Brush Tool) คอื เครื่องมือเรยี กคนื ภาพก่อนหนา้ การปรบั แต่งคนื มา ซึ่งมลี กั ษณะ เหมอื นกบั การใช้คาสัง่ Undo แตส่ ามารถเรยี กใชก้ ารทางาน เฉพาะจุดได้ 2. เครื่องมือ อาท ฮสิ สะตอรี บรชั ทูล (Art History Brush Tool) คอื เครื่องทใี่ ชส้ าหรับการเปลยี่ นแปลงภาพถา่ ยธรรมดา ใหม้ รี ปู แบบเหมือนกบั งานศิลปะ

บทท่ี 2 หลกั การสร้างงานกราฟกิ และใช้ 28 เครอื่ งมอื พ้นื ฐาน กลุ่มเครอื่ งมือการลบ รปู ภาพทส่ี รา้ งขึ้นสามารถลบบางส่วน โดยการกาหนด ขอบเขตพนื้ ทก่ี ารลบหรอื ลบโดยไมก่ าหนดขอบเขตพนื้ ที่ แลว้ กดปุ่ม Delete ทีแ่ ปน้ พิมพแ์ ตเ่ คร่อื งมอื ในกลมุ่ ของการลบยงั มี รูปแบบการลบทน่ี า่ สนใจทจี่ ะชว่ ยให้การทางานสะดวกมี ข้ันตอนการเรียกใชเ้ ครอ่ื งมือดังนี้ 1. อริ าสเซอร์ ทลู (Eraser Tool) คือ การลบภาพในเล เยอร์ปกติภาพทแี่ ดรกเมาส์ ผา่ นจะหายไป 2. แบรกกราว อริ าส เซอร์ ทูล (Background Eraser Tool) คือ เครอ่ื งมอื สาหรบั ลบภาพในเลเยอรพ์ ้ืนหลงั ภาพท่ีใช้งานเครอื่ งมือน้ีแลว้ เลเยอร์ พืน้ หลงั จะถูกลบไป และถกู เปลี่ยนเปน็ เลเยอรป์ กติจดุ ทถี่ ูกลบทง้ิ จะเปน็ พนื้ หลังแบบโปรง่ ใส (Transparent) ทนั ที 3. เมจกิ อริ าสเซอร์ ทลู (Magic Eraser Tool) คือ เครอื่ งมือทค่ี ลิกช่วงสีท่ี ตอ้ งการลบภาพกอ่ น แล้วกดปุม่ Delete เพือ่ ลบท้งิ (แต่มีข้อจากดั คอื ตวั เลือกนจ้ี ะใชง้ านไม่ได้ ถ้าหากภาพมีการยอ่ หรือขยายดว้ ยคาสัง่ Image Size ขณะที่ ปรบั แตง่ รปู ภาพ)

บทที่ 2 หลักการสร้างงานกราฟกิ และใช้ 29 เครอื่ งมือพืน้ ฐาน การลบภาพด้วยเครอ่ื งมอื อรี าสเซอร์ ทูล (Eraser Tool) - กาหนดขนาดเครื่องมือ Tool - เลอื กรปู แบบของหัวเครอื่ งมอื แบบ หัวแปรง ดินสอ หรือสี่เหล่ียม - กาหนดเปอร์เซ็นต์ความหนักเครอื่ งมือในการแดรก เมาส์ - คลิกเลือกเมือ่ ตอ้ งการเรยี กภาพเดิมกลับเม่ือแดรกเมาส์ ผ่าน การลบภ- าคพวดาว้มยโปเครรง่ อ่ื ใงสมขอื อแงบเคลรกอื่ กงรมาือว อีราสเซอร์ ทูล (Backg-roอuิรnาdสเEซrอaรs์ eทrลู Tใoชo้ลl)บครือปู ภาพออกจากพนื้ หลัง เคร่ืองม-อื คสลาหิกรเมับาคสล์ซิก้าชยว่ คงา้ สงที ไต่ีว้อลงบกบารรเิลวบณแทลต่ี ว้ ้อกงดกปามุ่รลDบelete เพื่อ ลบทิง้ โดยการปรบั คา่ ออปชันตา่ งๆ มดี งั น้ี - กาหนดขนาดเครอื่ งมอื Tool - คลิกเลือกรูปแบบความตอ่ เนอื่ ง - ของสีที่ตอ้ งการลบทงิ้ - กาหนดเปอรเ์ ซ็นตค์ วามตอ่ เน่ืองของสี - คลกิ เลอื กออปชนั นเ้ี พอ่ื ปอ้ งกันไม่ให้ - ลบสที ก่ี าหนดไวบ้ น Foreground การลบภา-พคดล้วกิ ยเลเคอื รกอ่ื วงธิ มกี อื ารเมกจาิกหนอีรดาสสีตเ้นซแอบรบ์ ทสูลาห(Mรับaกgาicรลบท้งิ Eraser Too) คอื เครื่องมอื ลบภาพทตี่ ้องคลิกชว่ งสที ตี่ ้องการลบ แล้วกด ปมุ่ Delete เพอ่ื ลบท้งิ เครอ่ื งมือนจี้ ะใชง้ านไมไ่ ด้ถ้าหาก รูปภาพดังกลา่ วนนั้ มกี ารย่อหรือขยายด้วยคาสงั่ อมิ เมท ไซน์ ( Image Size ) ขณะทป่ี รับแตง่ โดยการปรบั คา่ ออปชันต่างๆ มีดังน้ี

บทท่ี 2 หลกั การสรา้ งงานกราฟกิ และใช้ 30 เครอ่ื งมือพนื้ ฐาน การเติมสแี ละแพทเทลิ (Pattern) ใหภ้ าพดว้ ยคาสั่ง ฟิวส์ ( Fill) การเติมสใี ห้ภาพ ดว้ ยคาสง่ั ฟิวส์ ( Fill ) สามารถเทสีลงในภาพ กอ่ นเทสลี งต้องเลอื กขอบเขตพื้นทก่ี อ่ นมกี ารเทสี ซึ่งมขี ้นั ตอน ดงั น้ี 1. กาหนดสดี ้านบน โฟร์กราว คลั เลอร์ (Foreground Color) 2. สร้างขอบเขตพ้นื ทภ่ี าพ (Selection) ให้ภาพ ณ จุดทต่ี ้องการลงสี 3. คลิกเมนู Edit--> Fill หรือ Shift + F5 โดยการ ปรับคา่ ต่างๆ

บทที่ 2 หลักการสร้างงานกราฟกิ และใช้ 31 เครื่องมือพ้นื ฐาน การออกแบบ Web Page การสร้าง Web Page ใหค้ วามสวยงานต้องใช้ โปรแกรมสาหรบั การสรา้ งภาพกราฟกิ เช่นการออกแบบภาพ นาภาพถา่ ยตกแต่ง แกไ้ ขความบกพรอ่ งสวนตา่ งๆ ของภาพ และการใช้ Effectsตา่ งๆ เชน่ สรา้ งตวั อักษรใหเ้ หมาะสม สาหรบั Web Page การเลือกภาพการกาหนดภาพมี รายละเอยี ดดังน้ี การเลือกใชส้ สี ากรบั ออกแบบ Web Page คือการ ออกแบบภาพสาหรบั Web Page ตอ้ งควบคมุ โทนสขี องภาพ ให้เหมาะสมและการเลือกโทนสแี ต่ละสจี ะให้อารมณภ์ าพท่ี แตกตา่ งกันออกไปทสี่ าคญั ควรใชส้ ที ี่ดสู บายตา ไมฉ่ ูดฉาด รุนแรง สีแต่ละสคี วรมีความหมายและเหมาะสมกบั เนอ้ื หาท่ี แตกตา่ งกัน เชน่ สแี ดงใหค้ วามร้สู กึ เร่ารอ้ น เซก็ ซแี่ ละก้าวรา้ ว สีเหลืองใหค้ วามรสู้ กึ ถงึ ความเปน็ มติ รและความอบอุ่น สีน้าเงิน และสีเขยี วใหค้ วามรสู้ กึ สบายตา เปน็ ตน้ ขนาดของภาพ คอื ภาพท่ีมผี ลโดยตรงตอ่ ผู้เข้ามา ใช้งานเวบ็ ไซต์ ถา้ มีขนาดใหญ่จะทาให้การโหลดภาพนาน เกินไปทาให้ผู้เข้าเวบ็ ไซตร์ อนาน ซง่ึ อาจปิดเวบ็ ไซตน์ น้ั ๆท้งั ๆ ยงั ไมไ่ ด้เขา้ ชม ดังนน้ั จึงจาเปน็ ต้องตดั ภาพออกเปน็ ภาพเลก็ ๆ เรียงลาดบั กอ่ นหลัง แล้วนาไปใช้งานจรงิ ในโปรแกรมสาหรบั สร้าง Web Page เช่น โปรแกรม Adobe Dreamweaver ตวั อยา่ งการตดั ภาพเล็กๆชว่ ยในการโหลดภาพเรว็ ข้ึน

บทท่ี 2 หลกั การสร้างงานกราฟกิ และใช้ 32 เครื่องมอื พ้ืนฐาน ความละเอียดของภาพ การกาหนดความละเอียดของภาพจะมี ผลต่อขนาดของ ภาพถ้ามกี ารกาหนดความละเอยี ดของภาพมาก จะทาให้การ แสดงผลภาพเวบ็ ไซต์ช้ากวา่ ภาพทมี่ ีความละเอียดต่า 1.การบันทกึ ไฟล์ คอื การบนั ทกึ ไฟล์เพอื่ ปรับเปลยี่ น ความละเอยี ดของภาพ มีขัน้ ตอนดังน้ี (1) คลิกเมนู File Save for web มีหน้าตา่ งดังรปู (2) ลกั ษณะภาพทไ่ี ด้ (3) คลิกปมุ่ Save เพ่อื บนั ทกึ ภาพ ความละเอยี ดของภาพ การกาหนดความละเอยี ดของภาพจะมี ผลตอ่ ขนาดของ ภาพถา้ มีการกาหนดความละเอียดของภาพมาก จะทาให้การ แสดงผลภาพเวบ็ ไซต์ชา้ กวา่ ภาพทมี่ ีความละเอียดต่า

บทที่ 2 หลักการสร้างงานกราฟกิ และใช้ 33 เครอื่ งมอื พน้ื ฐาน 1.การบนั ทกึ ไฟล์ คอื การบันทกึ ไฟลเ์ พอ่ื ปรบั เปลยี่ นความ ละเอียดของภาพ มขี ้ันตอนดังนี้ (1) คลกิ เมนู File Save for web มหี น้าตา่ งดงั รปู (2) ลักษณะภาพทไ่ี ด้ (3) คลกิ ปมุ่ Save เพ่ือบันทึกภาพ เลือก Folder เกบ็ ภาพและกาหนดการบนั ทกึ ภาพเฉพาะภาพ เทา่ น้นั โดยเลอื กรูปแบบ Image Only จากชอ่ ง Format และ คลกิ ปมุ่ Save สว่ นประกอบสาคญั ของ Web Page คือการกาหนด รปู แบบของ Web Page ใหม้ สี ่วนตา่ งๆ แยกออกจากกนั อย่าง ชดั เจนเพ่อื ลดความซับซอ้ นในการเรยี กใชง้ าน โดยโครงสรา้ ง

บทท่ี 2 หลกั การสรา้ งงานกราฟกิ และใช้ 34 เครือ่ งมือพน้ื ฐาน การใช้เครอ่ื งมอื สาหรบั การออกแบบ Web Page โดยข้นั ตอน การออกแบบ Web Page มีเครอื่ งมอื ทเ่ี กีย่ วข้อง 2 ตวั คอื Slice Tool และ Select Slice Tool ซ่ึงเปน็ ขั้นตอนสุดทา้ ยทสี่ าคญั หลักจากออกแบกราฟิก การใช้เครอื่ งมอื Slice Tool คือตดั ภาพเปน็ ภาพเลก็ ๆ มี ขั้นตอนดังน้ี (1) เปดิ ภาพทน่ี าไปใชง้ านบน Web Page (2) คลิกเลื่องเคร่ืองมือ Slice Tool แลว้ แดรกเมาสค์ ลมุ ภาพ ให้ไดข้ นาดท่ีตอ้ งการตัดภาพเปน็ สว่ นๆ จะปรากฏรอบๆ ภาพ ทถ่ี ูกตดั (3) แดรกเมาสบ์ นภาพทเี่ หลอื่ โดยเสน้ กรอบทแ่ี ดรกเมาสผ์ ่าน เกดิ เป็นเสน้ ติดกนั พอดี (ถา้ มชี อ่ งวา่ งเลก็ ๆ จะนบั เปน็ ไฟล์ ลาดับถดั มา) การออกแบบปมุ่ ลิงค์ คอื การออกแบบปมุ่ ลิงคเ์ พอ่ื ความ สวยงามของ Web Page โดยการ อาศัยรปู แบบสาเร็จรปู ท่ี กาหนดจากพาเลต Style มีข้ันตอนดงั น้ี 1. สรา้ งไฟลใ์ หม่ แลว้ เลือกเคร่อื งมือ วาดรูปสี่เหล่ยี มมมุ มน 2. เปิดพาเลต Style แลว้ เลือกชุดสไตลแ์ บบ Web Page 3. คลิกเลอื กรูปแบบปมุ่ ทต่ี ้องการ ลกั ษณะปุ่มทไ่ี ด้ 4. พิมพ์ข้อความ \"การออกแบบกราฟิก\" บนป่มุ แลว้ บนั ทกึ

บทที่ 2 หลกั กำรสรำ้ งงำนกราฟกิ และใชเ้ ครอื่ งมอื 35 พนื้ ฐำน ลบสิ่งทีไ่ มต่ อ้ งการออกจากภาพ 1. ไปท่ี File > Open เลือกรปู ที่ต้องการแลว้ กด Ok จะปรากฏ หน้าตา่ งดงั รปู 2. ไปทแี่ ถบเครอื่ งมอื คลกิ ขวาเลือก Patch Tool

บทที่ 2 หลักการสร้างงานกราฟกิ และใช้ 36 เครื่องมือพื้นฐาน 3. ทำกำรตดั ภำพคลกิ คำ้ งไว ้ 4. ทาการย้ายภาพแลว้ ปล่อย ภาพสงิ โตจะหายไปดงั รปู

บทท่ี 2 หลักการสรา้ งงานกราฟกิ และใช้ 37 เครอื่ งมอื พนื้ ฐาน 5. เสร็จเรียบรอ้ ย ลบสิ่งท่ีไม่ตอ้ งการออกจากภาพ ตัด เปลี่ยนขนาด และเพม่ิ ขนาดพนื้ ทไ่ี มต่ ้องการออก 1. เปิดภาพทเ่ี ราตอ้ งการจะย่อหรือขยายขนาด ด้วย โปรแกรม Photoshop CS 6

บทที่ 2 หลักการสรา้ งงานกราฟกิ และใช้ 38 เครอื่ งมือพ้นื ฐาน 2. ไปท่ีเมนู Image => Image Size หรอื กดปมุ่ Alt+Ctrl=I 3. จากรูปจะได้คา่ ดงั น้ี - Pixel Dimensions จะมขี นาดอยทู่ ่ี 4.10 M (MegaBytes) ที่ ขนาดกว้างยาว 1500 x 956 pixel - Document Size จะอยูท่ ่ี 12.13 x 7.73 cm (เราสามารถ ปรบั เปลีย่ นหน่อยเปน็ น้ิว, %, mm หรอื อยา่ งอื่นก็ได้) - Resolution โดยท่วั ไปถา้ เปน็ รปู ทใ่ี ชต้ าม web social ต่างๆ เรามักจะใชแ้ ค่ 72 ppi (pixel per inch) แตถ่ ้าเปน็ ตามขนาด งานพมิ พแ์ ลว้ แค่ตรงนค้ี วรจะสูงๆไวก้ อ่ น เพื่อความละเอียดของ งานของเรา - ควรจะเลอื กConstrain Proportions ไว้ทกุ ครงั้ เพื่อทจ่ี ะคง อตั ราสว่ น กวา้ ง-ยาว เอาไว้ คราวนี้ เราจะเพ่มิ หรือขนาดรปู ก็สามารถทาได้เลย โดยการ ปรับแก้ทช่ี อ่ งตามทไี่ ดอ้ ธบิ ายด้านบน ตามวัตถุประสงคข์ องเรา

บทที่ 2 หลกั กำรสรำ้ งงำนกรำฟิ ก 39 และใชเ้ ครอื่ งมอื พนื้ ฐำน 4. ในการเซฟไฟล์ โปรแกรม Photoshop CS 6 จะถามเราอกี ครง้ั ในเรอื่ งของคณุ ภาพไฟล์ วา่ จะเอาขนาดไหน (ตามรปู ) ใน ตย. จะเลือกแค่ 8 ก็พอเพยี งพอแลว้ โดยคา่ ยิ่งมาก ขนาดไฟล์ก็ จะใหญข่ น้ึ ตาม

บทท่ี 2 หลักการสรา้ งงานกราฟกิ และใช้ 40 เครือ่ งมอื พ้นื ฐาน ย่อขยายภาพให้เหมาะสมกบั การตกแตง่ ภาพ การปรบั แตง่ โดยยอ่ หรอื ขยายรปู ภาพเปน็ อกี วิธหี นึ่งในการ ปรบั แต่งภาพใหไ้ ดล้ กั ษณะทแ่ี ตกต่างเพ่ิมเตมิ ออกไป ใน Photoshop สามารถใชเ้ คร่อื งมือ Free Transformในการปรบั ขนาดของรปู ภาพหรอื บางสว่ นของรูปภาพทเ่ี ลือกไว้ 1. เลือกคาส่ัง Selec > Transform Selection จะปรากฏกรอบ สี่เหล่ียม เรียกวา่ Bounding Boxขนึ้ มาคลมุ Selection ทส่ี ร้าง ไว้ 2. ใช้ Bounding Box ปรับรปู ทรงของ Selection ตาม ต้องการ ไมว่ า่ จะยอ่ หรอื ขยาย 3. กดคีย์ Enter

บทท่ี 3. การแตง่ และตดั ภาพบางสว่ น 42 บทที่ 3. การแตง่ และตดั ภาพบางสว่ น 1 เลือกพื้นที่รปู ทรงเรขาคณติ (Marquee Tool) เป็นการเลือกพน้ื ทภ่ี าพในลักษณะทตี่ ้องการ ขอบเขตรายตวั ซึ่งจะอยูใ่ นรูปทรงเรขาคณิตไดแ้ ก่ ส่ีเหลี่ยม วงรีวงกลม และเส้นตรง เปน็ ตน้ เครื่องมอื กลมุ่ นี้จะมี 4 รปู แบบด้วยกันดังน้ี 1 Rectangular Marquee Tool เสอ้ื พ้ืนทีเ่ ป็นรปู ส่เี หล่ียมผืนผ้าและสี่เหลีย่ มจตั ุรสั 2 Elliptical Marquee Tool ฉันชอบคณุ ทเ่ี ปน็ รูป วงกลมและวงรเี ปน็ การเลอื กพ้ืนทภ่ี าพในลักษณะที่ ต้องการขอบเขตรายตัวซึง่ จะอยู่ในรปู ทรง เรขาคณิตไดแ้ ก่ สี่เหล่ียม วงรีวงกลม และเส้นตรง เป็นต้นเครอ่ื งมือกลมุ่ นี้จะมี 4 รูปแบบด้วยกันดงั นี้ 3 Single Row Marquee Tool ใช้เลือกพื้นทีเ่ ปน็ เสน้ ตรงแนวนอนความกวา้ ง 1 พกิ เซล 4 Single Column Marquee Tool ให้เลือกพ้นื ท่ี เปน็ แนวเส้นตรงในแนวต้ังความกวา้ ง 1 พกิ เซล การเลือกพนื้ ทสี่ ามารถทาไดโ้ ดยการลากเมาสบ์ น คาดตามขนาดที่เราต้องการ จากนั้นเราจะพบวา่ มี เส้นประบางๆเกดิ ข้นึ ตรงบรเิ วณท่เี ลอื กจากนน้ั ให้

บทที่ 3. การแต่งและตดั ภาพบางสว่ น 43 2.เลือกพื้นท่แี บบอสิ ระได้ 1.คลิกเมนู File เลือก Import แลว้ เลอื กคาสง่ั Import to stage เพ่ือนาภาพกราฟกิ เข้ามาใชใ้ น โปรแกรม 2. คลิกเมนู Modify เลือก Break Apart เพ่อื แยก องคป์ ระกอบของภาพกราฟกิ ออกมาเปน็ สว่ นๆ 3. คลกิ ปุม่ Lasso Tool ทีท่ ลู บอ็ กซ์ 4. คลกิ เมาส์ท่พี นื้ งาน 1 ครัง้ จากน้ันดรากสเ์ มาสล์ าก เป็นพ้ืนที่รปู ทรงอิสระ จนกระทงั่ ถงึ ตาแหนง่ เรม่ิ ตน้ เพอื่ เป็นการปดิ เส้น Selection 5. คลิกปมุ่ Arrow Tool ทีท่ ูลบ็อกซ์ 6. ลากเมาสล์ ากบรเิ วณพ้นื ท่ที เี่ ลอื กไวไ้ ปวางยงั ตาแหน่งใหม่ทตี่ อ้ งการ

บทที่ 3. การแตง่ และตดั ภาพบางสว่ น 44 เลอื กพืน้ ที่โดยเปรยี บเทยี บจากคา่ สดี ้วยเครอ่ื งมือ Magic Wand Magic Wand เปน็ เคร่ืองมอื ย่อยของ Lasso Tool มี หน้าท่ใี นการใชเ้ ลอื กพื้นทเี่ ช่นเดียวกัน แตล่ ักษณะ การทางานของเครอ่ื งมอื Magic Wand นั้น เปน็ การ เลอื กโดยการเปรียบเทยี บจากคา่ สีของพืน้ ทบ่ี รเิ วณท่ี ใกลเ้ คยี งกนั หากกาหนดคา่ ตวั เลขมากข้นึ โปรแกรมก็จะทาการคานวณและเลอื ก Penumbra พน้ื ทีท่ มี่ ีคา่ สีใกล้เคยี งกันใหเ้ ปน็ บริเวณมากยง่ิ ขนึ้ สาหรบั การใชง้ าน Magic Wand สามารถทาไดโ้ ดย คลิกเลือก Options ของเคร่อื งมอื Lasso Tool 1. คลิกปุ่ม Lasso Tool ที่ทลู บ็อกซ์ 2. คลกิ ปุ่ม Magic Wand ที่ Option ของเครือ่ งมอื Lasso Tool 3. คลกิ เมาส์ท่พี ื้นงาน 1 คร้งั โปรแกรมจะคานวณ และเลอื กพื้นทบี่ ริเวณทมี่ คี า่ สใี กลเ้ คยี งกันโดย อัตโนมัติ 4. ทดลองลากเมาสบ์ รเิ วณพื้นท่ีทเี่ ลอื กไวอ้ อกมา หากเหน็ วา่ ช่วงพ้นื ทท่ี ่ไี ดเ้ ลือกไวม้ บี รเิ วณน้อย เกนิ ไปใหก้ าหนดคา่ พนื้ ทแี่ ละทาการคลิกเลอื กใหม่

บทท่ี 3. การแต่งและตดั ภาพบางสว่ น 45 5. คลิกปุ่ม Magic Wand Properties ท่ี Option ของเคร่ืองมอื Lasso Tool 6. กาหนดคา่ พ้นื ทบ่ี รเิ วณคา่ สีทต่ี ้องการใหเ้ ลือกลงใน ช่อง Threshold หากกาหนดคา่ ตวั เลขมากขน้ึ โปรแกรมก็จะทาการคานวณและเลือกพนื้ ทที่ มี่ คี า่ ใกล้เคยี งกนั ให้เปน็ บรเิ วณมากยงิ่ ขน้ึ 7. คลกิ ป่มุ OK เพื่อยืนยันคาส่ัง 8. ทดลองรากเมาส์บรเิ วณพนื้ ทที่ เี่ ลือกไวอ้ อกมา จะ เห็นว่าช่วงพ้นื ทีท่ ไ่ี ด้เลอื กไว้มบี รเิ วณมากขึ้นตามคา่ ที่ กาหนด

บทท่ี 3. การแต่งและตัดภาพบางสว่ น 46 เลือกพ้นื ท่ีเปน็ รปู ทรงหลายเหล่ียม Polygon Mode Polygon Mode เป็นเคร่อื งมือยอ่ ยของ Lasso Tool มี หน้าที่ในการใช้เลอื กพื้นทใ่ี หเ้ ปน็ ลกั ษณะรปู ทรงหลาย เหลี่ยม ข้นั ตอนการเลอื กทาได้โดยคลิกตาแหน่งเรมิ่ ตน้ กอ่ น แลว้ คลิกเมาสล์ ากตามบรเิ วณพน้ื ทที่ ต่ี ้องการ จากน้นั ให้ดบั เบ้ลิ คลิก เพอ่ื ส้ินสุดการเลือก ซงึ่ พืน้ ท่ที ่ี ไดจ้ ะมลี ักษณะเปน็ รปู ทรงหลายเหลีย่ ม 31.. คคลลิกิกปเม่มุ าสL์ทasี่พsน้ื oงTานoo1l คทรง้ั่ีทแบู ล็อว้ กลซา์กตามแนวบรเิ วณ พ2.น้ื คทลที่ กิ ่ีตปอ้ ุ่มงกPาoรlyจgาoกnนM้นั oดdบั eเบลิ ทค่ี ลOกิ pเtพioอ่ื nสsิน้ ขสอดุ งกเาครรเอื่ลงอื มกอื L4a.sดsรoาTกoสoเ์ มl าสล์ ากบรเิ วณพื้นที่ทเี่ ลือกไวไ้ ปวางยัง ตาแหน่งใหม่ท่ีตอ้ งการ

บทที่ 3. การแต่งและตัดภาพบางสว่ น 47 3.เลือกเครอื่ งมอื เลอื กพนื้ ทภี าพไดเ้ หมาะสมกบั ลกั ษณะ ของภาพ การเลือกพน้ื ทภี่ าพ Selection ในการปรับแต่งแกไ้ ขภาพกราฟกิ ดว้ ย Photoshop สิ่ง ท่มี ีความสาคญั และทากนั บอ่ ยๆคอื การ “เลือก”พน้ื ท่ี บางส่วนของภาพ เพอ่ื ใชค้ าสัง่ ต่างๆใหแ้ สดงผลเฉพาะ พื้นท่สี ่วนทเ่ี ลอื กไว้ การ “เลือก” พนื้ ที่ใน Photoshop น้ี เราเรียกวา่ การสรา้ ง Selection Selection ก็คอื การกาหนดขอบเขตของภาพ เพ่อื ใช้ สาหรับการแก้ไข ปรับแต่งภาพ ใส่เอฟเฟ็กตใ์ หภ้ าพ ซง่ึ เม่ือสรา้ ง Selection ขน้ึ มาแลว้ ใช้คาสง่ั เช่นปรบั สี ปรับ แสง-เงา หรือใสฟ่ ลิ เตอร์ คาสัง่ ที่ใชจ้ ะมผี ลกับพ้นื ทท่ี ี่ เบลาเอื งคกสรไ่ววอื่น้เงอทมอา่ กนอื มนั้ าทแเพเี่ลกอื่ะกใยี่ ชาวรใ้ กนSบักeาleSรcตetัดiloeตn่อcยภtังiาoใพชnไ้แดยอ้ กกี พด้นืว้ ยที่ ในเคโปรรอื่ แงกมรมอื PMhoatorsqhuoep eคาTสo่งั ทoใี่lชส้ าหรับการสรา้ ง Selection มอี ยูม่ ากมายใหเ้ ลอื กใช้ ซงึ่ ใหผ้ ลการ Selection ที่แตกต่างกนั ไป ตามลกั ษณะของการใช้ งาน

บทที่ 3. การแตง่ และตดั ภาพบางสว่ น 48 – Rectangular Marquee Tool เป็ นกำร สรำ้ งพนื้ ทเี่ ป็ นรปู สเี่ หลยี่ ม ถำ้ กด Shift คำ้ งไวข้ ณะคลกิ ลำกเมำสจ์ ะไดร้ ปู สเี่ หลยี่ มจตั รุ สั – Elliptical Marquee Tool เป็ นกำร Sสเhครำiร้fงtอื่ พงคมนื้ำ้ อืทงไเี่วLปขa้็ นsณsรoปู ะคTวลoงกoิกlลลำมกหเรมอื ำวสงจ์ระี ไถดำ้ร้ กูปด วงกลม – Single Row Marquee Tool เป็ นกำร สรำ้ งพนื้ ทเี่ ป็ นรปู เสน้ ตรงแนวนอน กวำ้ ง 1 พกิ เซล – Single Column Marquee Tool เป็ น กำรสรำ้ งพนื้ ทเี่ ป็ นรปู เสน้ ตรงแนวตง้ั กวำ้ ง 1 พกิ เซลล ์ – Lasso Tool เป็นการเลอื กแบบอสิ ระ คือเลือกพ้นื ทใ่ี น รปู เส้น Free hand ดว้ ยการคลกิ ลากเมาสใ์ หเ้ ปน็ วงรอบ พน้ื ท่ีท่ตี ้องการ – Polygonal Lasso Tool เปน็ การเลอื กแบบสรา้ งขอบ เป็นเส้นตรงหลายเหล่ยี ม ดว้ ยการคลกิ เมาสเ์ พื่อสรา้ งรปู หลายเหลีย่ มรอบพ้นื ที่ทตี่ ้องการ – Magnetic Lasso Tool เปน็ การเลือกเสมอื นมี แมเ่ หลก็ ทด่ี ูดขอบเสน้ เขา้ หาตาแหนง่ ทเ่ี ลือกโดย

บทที่ 3. การแต่งและตัดภาพบางสว่ น 49 เครือ่ งมือ Selection Tool – Quick Selection Tool เปน็ การลบพื้นหลงั ท่มี สี ตี ัด กันอย่างชดั เจน เ–ลกMอื กำaเรgฉตicพง้ัาWคะสaำ่ ีnเdคTรoอื่ oงlมเปอื น็ เSคeรอ่ืleงcมอืtiเoลอืnกกดโดยการ

บทท่ี 3. การแตง่ และตดั ภาพบางสว่ น 50 เมอ่ื คลกิ เมาสจ์ ะเปน็ การสรา้ ง Selection ข้ึนใหม่ สร้าง Selection เพ่มิ ข้นึ โดยพืน้ ที่ Selection กอ่ นหนา้ จะไม่ หายไป แตจ่ ะถกู รวมเขา้ ดว้ ยกันลบพื้นทข่ี อง Selection ออกจาก Selection ก่อนหนา้ เปน็ การสรา้ ง Selection ใหม่ในพ้นื ที่ Selection เดิม ด้วยวธิ ี Intersect จาก พFนื้eaทt่ี hSeerleตc้ังtคio่าnคทวาีก่ มาเหบนลดอใหหรอืมฟแ่ ลงุ้ กะ รSะeจlาeยcขtioอnงขกออ่ บนหน้า ทSีม่ eพี le้นื cทtio่เี ดnยี วกนั ใชก้ าหนดค่าฟุ้งกระจาย หรอื ความเบลอทขี่ อบของ Selection หลงั จากท่ีไดเ้ ลือกพน้ื ทแ่ี ลว้ จะต้องคดั ลอก (Copy) ,ตัด (Cut),เคลอ่ื นย้าย(Move) เพื่อใหเ้ ห็นผล การทางานของ Feather มีหน่วยเป็นพกิ เซล โดยจะ สามารถกาหนดคา่ ของ Feather ได้ต้ังแต่ 0 ถงึ 255 pixelยิง่ ใชค้ ่ามากขอบSelection จะยิ่งฟ้งุ กระจายมาก ทาใหข้ อบของภาพทเ่ี ลือกดเู บลอ หรอื นุ่มนวลขึ้น ออปช่นั น้ีจะมอี ยูใ่ นเครอ่ื งมือทใ่ี ชส้ รา้ งSelection ทกุ ชนิด ยกเวน้ เครื่องมอื Magic Wand และ Quick Selectionการกาหนดคา่ Feather ทาได้ 2 วิธีคือ 1.กาหนดกอ่ นสรา้ ง Selection โดยพิมพ์ค่าลงในชอ่ ง หลัง Feather ในออปชนั่ บาร์ 2.กาหนดหลังสรา้ ง Selection ให้ใช้คาสงั่ Select > Modify > Feather จะมไี ดอะล็อก Feather Selection เปิดขนึ้ มา ใสค่ า่ ทตี่ ้องการในชอ่ ง Feather Radius แลว้ คลิก OK

บทที่ 3. การแต่งและตดั ภาพบางสว่ น 51 ตัวอยา่ ง การ Selection โดยใหม้ ี Feather Anti-allas ความเรียบของขอบ เป็นออปชนั่ ทใี่ ช้กาหนดใหข้ อบของ Selection บรเิ วณท่เี ปน็ เส้นโคง้ หรือแนวเฉยี งดูเรยี บไม่มีรอยหยัก เป็นขน้ั บันไดใหเ้ ห็นเวลาเรากอ๊ ปปภ้ี าพไปใช้งาน

บทที่ 3. การแต่งและตดั ภาพบางสว่ น 52 Style ของ Selection ใช้กาหนดวธิ ีสร้าง Selection แบ่งเปน็ 3ประเภท Normal เป็ นกำรเลอื กขนำดของพนื้ ที่ อยำ่ งอสิ ระ Fixed Aspect Ratio เลอื กแบบ กำหนดคำ่ ยดื หยนุ่ ตำมอตั รำส่วนควำม กวำ้ ง : ควำมสงู ทไี่ ดก้ ำหนดไว ้ Fixed Size เลอื กพนื้ ทโี่ ดยกำหนดควำม สงู ควำมกวำ้ งอยำ่ งตำยตวั

บทท่ี 3. การแต่งและตดั ภาพบางสว่ น 53 1.กดแป้น Backspace เพื่อลบจุดของการเลอื ก พื้นท่อี อกไปทลี ะจุด โดยเริ่มจากจดุ ทส่ี รา้ งขึน้ ลา่ สดุ 2.กดแปน้ ESC เพอ่ื ยกเลิกทุกจดุ ของการเลือก พ้นื ทีท่ ่ีกาหนดไวท้ ัง้ หมด 3.กดแปน้ Shift ค้างไว้ขณะทวี่ าดพื้นทต่ี ามรปู ทรง วัตถุ จะทาใหเ้ กดิ การทามมุ ฉาก หรือ 45องศาเสมอ 4.กดแปน้ Alt คา้ งไวข้ ณะวาดพืน้ ท่เี ลอื กขอบเขต ว5ตั เถมุ นจะู Sทeาlใeหc้ไt ด้รปู วตั ถทุ ส่ี มบรู ณต์ รงตอ่ ความ ตคอ้าสงกั่งอา่ืนร ๆในการจดั การ Selection โปรแกรม Photoshop มคี าสั่งพื้นฐานอนื่ ๆ ที่ใช้เปน็ เครอ่ื งมอื ใน การจัดการ Selection นอกจากที่มีอยู่ใน Optionของ