หลักสูตรการออกแบบสื่อ Infographic อย่างมืออาชีพ ด้วยโปรแกรม Adobe Photoshop และ Illustrator

สารบัญ หนา้ ท่ี เร่ือง 62 66 เริม่ ต้นเปดิ ใชง้ านโปรแกรมและต้ังคา่ ชน้ิ งาน 70 การวาดรปู ทรงกลุ่มเครื่องมือพนื้ ฐาน 72 วิธกี ารใสส่ ขี องพืน้ หลงั และสีของเส้นขอบลงบนชิ้นงาน 80 การใช้เคร่อื งมือกล่มุ Pen Tool 85 การสร้างข้อความด้วยเครื่องมือ Type Tool 94 รวมและตัดรูปทรงด้วยพาเนล Pathfinder การบนั ทกึ ไฟล์แบบต่าง ๆ 101 แนะนาแหลง่ ดาวนโ์ หลด Vector Free 102 www.freepik.com 102 www.freevectors.net 103 freevectormaps.com vector4free.com 103 www.vecteezy.com pixelbuddha.net 104 www.vexels.com www.flaticon.com 104 www.canva.com undraw.co/illustrations 105 www.drawkit.io pixelbuddha.net/vectors 105 dryicons.com 106 106 107 107 108

2 หลักการออกแบบ การออกแบบโดยท่ัวไปประกอบด้วยองค์ประกอบ เอกภาพและความกลมกลนื สาคัญหลายอย่าง ได้แก่ ตัวอักษร หรือข้อความ (Unity & Harmony) ภาพประกอบ เน้ือที่ว่างและส่วนประกอบอื่นๆ การ ออกแบบส่ิงพิมพ์ต้องคานึงถึง การจัดวางองค์ประกอบ เอกภาพคือความเป็นหน่ึงเดียวกัน ซึ่งในการจัดทาเลย์ ต่างๆ ดงั กล่าวเขา้ ไปดว้ ยกัน เอาท์ (Layout) หมายถึงการนาเอาองค์ประกอบที่ แตกต่างกันมาวางไว้ในพื้นท่ีหน้ากระดาษเดียวกันได้ ทิศทางและการเคลื่อนไหว อย่างกลมกลืนทาหน้าท่ี สอดคล้องและส่งเสริมกันและ (Direction & Movement) กันในการสื่อสารความคิดรวบ ยอดและบุคลิกภาพของ ส่อื สิง่ พิมพ์นัน้ ๆ การสรา้ งเอกภาพนส้ี ามารถทาได้หลาย เม่ือผรู้ ับสารมองดสู ื่อสิ่งพิมพ์ การรบั รูเ้ กิดข้ึนเป็นลาดับ วิธี เชน่ ตามการมองเห็น กลา่ วคือ เกดิ ขึ้นตามการกวาดสายตา จากองค์ประกอบหน่ึงไปยังอีกองค์ประกอบหน่ึง จึงมี 1. การเลือกใช้องค์ประกอบที่มคี วามเทา่ กนั ความจาเป็นอย่างยิ่งท่ีจะต้องมีการดาเนินการวางแผน เช่น การเลือกใช้แบบตัวอักษรเดียวกัน การ กาหนด และชักจูงสายตาของผู้รับสารให้เคลื่อนไหวไป ทิศทางที่ถูกต้องตามลาดับขององค์ประกอบที่ต้องการ เลือกใช้ภาพขาว-ดา ทั้งหมด เป็นต้น ให้รับรู้ก่อนหลังโดยท่ัวไปหากไม่มีการสร้างจุดเด่น ขึ้นมา สายตาของผู้รับสารจะมองดูหน้ากระดาษที่เป็น การเลอื กใชอ้ งคป์ ระกอบที่มีความเท่ากัน สื่อพิมพ์ในทิศทางของตัวอักษร “Z” คือการมองที่มุม www.pinterest.com บนด้านซ้าย ไปด้านขวา แล้วไล่ระดับลงมาที่มุมล่าง ด้านซ้าย และไปจบท่ีมุมล่างด้านขวาตามลาดับการจัด 2. การสรา้ งความต่อเนื่องกันให้องคป์ ระกอบ องค์ประกอบท่ีสอดคล้องกับธรรมชาติของการมองนี้ เช่น การจัดให้พาดหัววางทับลงบนภาพ การใช้ เป็นสว่ นชว่ ยให้เกดิ การรับรตู้ ามลาดบั ท่ีตอ้ งการ ตัวอักษรที่เป็นขอ้ ความ ลอ้ ตามทรวดทรงของภาพ เปน็ ตน้ ทิศทางและการเคลื่อนไหว (Direction & Movement) การสร้างความต่อเน่ืองกันให้องค์ประกอบ

3 3. การเวน้ พืน้ ทวี่ า่ งรอบองค์ประกอบทั้งหมด ซึ่งจะทาให้พ้ืนท่ีว่างนั้นทาหน้าท่ีเหมือนกรอบสขี าวล้อมรอบองค์ประกอบท้ังหมดไว้ภายใน ช่วยให้องค์ประกอบ ทง้ั หมดดเู หมอื นวา่ อยดู่ ว้ ยกนั เปน็ กลมุ่ กอ้ น การเวน้ พ้นื ท่วี า่ งรอบองค์ประกอบทั้งหมด จาก https://khaodesign.com ความสมดลุ (Balance) หลักการเร่ืองความสมดุลนี้เป็นการตอบสนองธรรมชาติ ของผู้รับสารในเรื่องของแรงโน้มถ่วง โดยการจัดวางองค์ ประกอบทง้ั หมดในพ้ืนทหี่ นา้ กระดาษ จะตอ้ งไมข่ ดั กับ ความรู้สกึ น้ี คอื จะต้องไม่ดูเอนเอียงหรือหนักไปด้านใด ดา้ นหน่งึ โดยไมม่ ีองคป์ ระกอบมาถ่วงในอีกดา้ น การจัด องคป์ ระกอบให้เกดิ ความสมดุลแบ่งได้ 3 ลักษณะคอื 4. สมดุลแบบสมมาตร 5. สมดลุ แบบอสมมาตร (Symmetrical Balance) (Asymmetrical Balance) เป็นการจัดวางองค์ประกอบโดยให้องค์ประกอบ เป็นการจัดวางองค์ประกอบโดยให้องค์ประกอบ ในด้านซ้ายและด้านขวาของพื้นท่ีหน้ากระดาษมีลักษณะ ในด้านซ้ายและด้านขวาของพื้นท่ีหน้ากระดาษมีลกั ษณะ เหมือนกันสองข้าง ซ่ึงองค์ประกอบที่เหมือนกันทั้งสอง ไม่เหมือนกันท้ัง 2 ข้าง แม้องค์ประกอบจะไม่เหมือนกัน ด้านนี้ จะถ่วงน้าหนักกันและกันให้เกิดความรู้สึกสมดุล ในแต่ละด้าน จะถว่ งน้าหนักกันใหเ้ กิดความสมดุล สมดลุ แบบอสมมาตร (Asymmetrical Balance) สมดลุ แบบสมมาตร (Symmetrical Balance)

4 6. สมดลุ แบบรัศมี (Radial Balance) สัดส่วน (Proportion) เป็นการจัดองค์ประกอบโดยให้มีการกระจายหรือ การกาหนดสัดส่วนน้ีเป็นการกาหนดความสัมพันธ์ใน การรวมตัวอยู่ท่ีจุดกลาง นิยมใช้ออกแบบลวดลายต่างๆ เร่ืองของขนาด ซ่ึงมีความสาคัญโดยเฉพาะใน หน้า อาทิเช่น ลายดาวเพดาน และเครอ่ื งหมายการค้า กระดาษของส่ิงพิมพ์ที่ต้องการให้มีจุดเด่น เช่น หน้าปก หนังสือเป็นต้น เพราะองค์ประกอบท้ังหมดในสัดส่วนที่ ใกล้เคียงกันในการกาหนดสัดส่วนจึงต้องพิจารณา องค์ประกอบทง้ั หมด ในพนื้ ทหี่ นา้ กระดาษไปพร้อมๆ กัน วา่ ควรจะเพ่ิมหรอื ลดองค์ประกอบใด ไม่ใช่คอ่ ยๆ ทาไปที ละองค์ประกอบ สมดลุ แบบรศั มี (Radial Balance) www.freepik.com สรา้ งจดุ สนใจด้วยการเน้นสัดสว่ น (Proportion) www.maxpointhridoy.com เทคนิคการแบ่งสาม ใช้เทคนิคแบ่งสาม ซึ่งกาหนดให้ เกิดจุดแห่งความสนใจ 4 จุดในภาพซึ่งสามารถเลือกได้ ความแตกตา่ ง (Contrast) ตามความเหมาะสม เป็นวิธีการท่ีง่ายท่ีสุด โดยการเน้นองค์ประกอบใด กฎ 3 สว่ น และจุดตดั 9 ชอ่ ง องค์ประกอบหนี่ง เด่นข้ึนมาด้วยการเพ่ิม ขนาดให้ใหญ่ กว่าองค์ประกอบอ่ืนๆ โดยรอบ เช่น พาดหัวขนาดใหญ่ การจัดวางตาแหน่งหลักของภาพถ่าย เป็นองค์ประกอบ เป็นต้น ซึ่งโดยธรรมชาติแลว้ ผู้ดูจะเลือกดูองค์ประกอบท่ี หนึ่งท่ีสามารถทาให้เกิดผลทางด้านแนวความคิด และ ใหญก่ วา่ กอ่ น ความรู้สึกได้ การวางตาแหนง่ ที่เหมาะสมของจุดสนใจใน ภาพ เป็นอีกส่ิงหนึ่งที่สาคัญ และท่ีนิยมกันโดยทั่วไป 7. ความแตกตา่ งโดยขนาด คอื กฎสามสว่ น สามารถทาได้ง่ายโดยการเน้นให้องค์ประกอบหน่ึง เด่น ขึ้นมา ด้วยการเพ่ิมขนาดให้ใหญ่กว่าองค์ประกอบอ่ืนๆ กฎสามส่วนกล่าวไว้ว่า ไม่ว่าภาพจะอยู่แนวต้ังหรือ โดยรอบ เช่น พาดหัวขนาดใหญ่ เป็นต้น โดยธรรมชาติ แนวนอนกต็ าม หากเราแบ่งภาพนั้นออกเปน็ สามส่วน ทัง้ แล้วผดู้ จู ะเลือกดู องคป์ ระกอบทีใ่ หญ่กว่าก่อน ตามแนวต้ังและแนวนอน แล้วลากเส้นแบ่งภาพทั้งสาม เส้น จะเกิดจุดตัดกันท้ังหมด 4 จุด ซ่ึงจุดตัดของเส้นทงั้ ส่ี นี้ เป็นตาแหน่งที่เหมาะสมสาหรับการจัดวางวัตถุท่ี ตอ้ งการเน้นให้เปน็ จดุ เด่นหลัก สว่ นรายละเอยี ดอน่ื ๆ นั้น เปน็ ส่วนสาคัญทร่ี องลงมาการจัดวางตาแหน่งจดุ เด่นหลัก ไม่จาเป็นจะต้องจากัดมากนัก อาจถือเอาบริเวณ ใกล้เคยี งทง้ั ส่จี ดุ นี้ กฎ 3 สว่ น และจดุ ตดั 9 ช่อง

5 ความแตกตา่ งโดยขนาด ความแตกต่างโดยความเข้ม 8. ความแตกต่างโดยรปู ร่าง 10. ความแตกต่างโดยทศิ ทาง เป็นวิธีท่ีเน้นให้องค์ประกอบหน่ึง เด่นข้ึนมาด้วยการใช้ ทิศทางเป็นวิธีที่เน้นให้องค์ประกอบหนึ่ง เด่นขึ้นมา รูปร่าง ท่ีแตกต่างออกไปจากองค์ประกอบอื่นใน ด้วยการ วางองค์ประกอบที่ต้องการจะเน้นน้ันให้อยู่ใน กระดาษ เช่น การไดคตั ภาพคนตามรูปร่างของร่างกาย ทิศทางท่ีแตกต่าง จากองค์ประกอบอื่นๆ ท่ีอยู่ร่วมกัน แลว้ นาไปวางในหน้ากระดาษ ทม่ี ภี าพแทรกเล็กๆ ท่ีอยู่ ในหน้ากระดาษ เช่น การ วางภาพเอียง 45 องศา ใน ในกรอบส่เี หลย่ี ม เป็นตน้ หน้ากระดาษท่ีเต็มไปด้วยตัวอักษร ที่เรียง เป็น แนวนอน เปน็ ตน้ ความแตกตา่ งโดยรปู รา่ ง ความแตกต่างโดยทศิ ทาง 9. ความแตกตา่ งโดยความเขม้ เป็นวิธีท่ีเน้นให้องค์ประกอบใดองค์ประกอบหนึ่งเด่น ขึ้นมา ดว้ ยการใช้เพิ่มหรือลดความเข้มหรือน้าหนักของ องคป์ ระกอบ นั้นใหเ้ ขม้ หรอื อ่อนกวา่ องคป์ ระกอบอื่นที่ อยู่ร่วมกันในหน้า กระดาษ เช่น การใช้ตัวอักษรที่เป็น ตัวหนาในย่อหน้าที่ต้องการ เน้น เพียงย่อหน้าเดียวใน หนา้ กระดาษ เป็นต้น

จงั หวะ ลลี า และการซา้ 6 (Rhythm & Repetition) สี และการสอื่ ความหมาย การจัดวางองค์ประกอบหลายๆ ชิ้น โดยกาหนด ตาแหน่ง ขององค์ประกอบให้เกิดมีช่องว่างเป็นช่วงๆ สีของงานกราฟิก ถือเป็นหัวใจหลักสาคัญเลยก็ว่าได้ ตอนๆ อย่างมีการ วางแผนล่วงหน้า จะทาให้เกิด เพราะการเลือกใช้สีจะแสดงถึงอารมณ์ท่ีต้องการได้ จังหวะและลีลาข้ึน และหากว่า องค์ประกอบหลายๆ ชัดเจนมากกว่าส่วนประกอบอ่ืน ๆ ท้ังหมด เช่น สีโทน ชิ้นน้ันมีลักษณะซ้ากันหรือใกล้เคียงกัน ก็จะย่ิงเป็นการ ร้อน สาหรับงานที่ต้องการความต่ืนเต้น ท้าทาย หรือสี เน้นให้เกิดจังหวะและลีลา ได้ชัดเจนย่ิงข้ึน ลักษณะ โทนเย็นสาหรบั งานต้องการใหด้ ูสภุ าพ สบาย ๆ ตรงกันข้ามกับแบบแรก จังหวะและลีลาลักษณะน้ี จะก่อให้เกิดความรู้สึกทีต่ นื่ เตน้ ดูเคลอื่ นไหวและมีพลัง ทฤษฎีสีเป้นเรื่องท่ีไม่อาจมองข้ามได้ ถ้าอยากจะ ถ่ายภาพออกมาให้สวย สีมีโครงสร้างเเละลักษณะทาง จังหวะ ลลี า และการซา้ (Rhythm & Repetition) กายภาพที่เเตกต่างกัน การรู้จักผสมสี มองสี ก็จะ กาหนดภาพถ่ายที่ออกมาได้ ทาใจให้คุ้นชินกับการใช้สี 50 เทคนคิ การออกแบบกราฟฟกิ เเล้วผลลัพท์ของภาพที่ออกมาจะมีการเปลย่ี นเเปลง ไป ในทางท่ีดี นอกจากน้ี อารมณ์ของภาพก็จะเด่นขึ้นมา ทีม่ า khaodesign.com อกี ดว้ ย ความสมั พันธ์ของสี สีมีความสัมพันธ์กันอย่างไรล่ะ เม่ือลองดูในวงจรสี (หรอื จะเรียกว่าวงล้อสีกไ็ ด)้ สามารถเข้าไปศึกษาและดูรายละเอียดเพ่ิมเติมพร้อม ตัวอย่างการออกแบบได้จากเว็บไซต์ ประกอบด้วย 4 ตอนสามารถเข้าดูไดจ้ ากลิงก์ดังน้ี เวบ็ ไซต์ khaodesign.com www.photoschoolthailand.com PART 1 https://qrgo.page.link/pf5WX สขี ั้นที่ 1 แม่สี (PRIMARY COLORS) PART 2 https://qrgo.page.link/QF3T4 คือสีท่ีเม่ือผสมกันเเล้ว จะได้สีอื่นอีก กลุ่มนี้คือสี แดง PART 3 https://qrgo.page.link/cM92u เหลอื ง น้าเงิน PART 4 https://qrgo.page.link/1XC4t สีขั้นที่ 2 (SECONDARY COLORS) คอื สีทเ่ี กดิ จากการผสมกนั ของสีขั้นท่ี 1 เช่น สีม่วง สสี ม้ สีเขยี ว สขี นั้ ท่ี 3 (TERTIARY COLORS) คือสที ่เี กดิ จากการผสมสีขน้ั ท่ี 1 และข้ันท่ี 2 เข้าด้วยกัน เช่น สีเเดงส้ม (vermilion) เหลืองส้ม (amber) แดง ม่วง (magenta) น้าเงินม่วง (violet) น้าเงินเขียว (teal) เหลอื งเขียว(chartreuse)

ความหมายของสี 7 นอกจากแต่ละสีจะสร้างความรู้สึกด้วยตนเองแล้ว เม่ือ 12. สีที่อยู่ในวรรณะเยน็ (Cool Tone Color) นามาใช้ร่วมกันเรายังสามารถแบ่งสีออกเป็น 2 วรรณะ ไดแ้ ก่ สีนา้ เงนิ สีเขียว สฟี ้า สีกลุ่มนเ้ี มือ่ ใช้งาน เพอื่ สร้างอารมณท์ ่ีแตกต่างกนั ออกไปเมื่อใช้งานร่วมกัน ได้อีกคือ จะได้ความรสู้ ึกสดชื่น เย็นสบาย ผ่อนคลาย ใช้โทนสีรอ้ นเพ่ือใหภ้ าพดูอบอุ่น เช่น กลุ่มสีโทนส้ม เเดง เหลือง และสีน้าตาล เเละเม่ือ ประกอบกับภาพของเเสงอาทิตย์ สีโทนร้อน ก็จะย่ิง กระตุ้น ความรู้สึกอบอุ่น ได้สมจริงมากขึ้น ส่วนมากสี โทนนีจ้ ะถกู ใช้ในการเเตง่ ภาพท่เี ป็นชว่ ง Golden hour 11. สที ี่อยู่ในวรรณะร้อน (Warm Tone Color) ได้แก่ สีแดง สีส้ม ให้ความรู้สึกอบอุ่น ร้อนแรง สนกุ สนาน รวดเร็ว เรง่ รบี สที อ่ี ยู่ในวรรณะเยน็ ใชโ้ ทนสกี ลาง เป็นได้ทังสีรอ้ นและเย็น 13. สีท่ีอยใู่ นวรรณะกลาง ไดแ้ ก่ สที ส่ี ามารถเป็นได้ท้ังวรรณะร้อนและเย็น ไดแ้ ก่สี เหลือง และม่วง เม่ือสีวรรณะกลางอย่กู ับสีวรรณะใดจะ กลายเป็นสีวรรณะนั้น ๆ การใช้สีเพิ่มความโดดเด่น ให้กับจุดเด่นในภาพ และใช้สีตกแต่งส่วนอ่ืน ๆ ของ ภาพใหไ้ ด้ภาพรวมออกมาในอารมณ์ ตัวอยา่ งงานออกแบบสีท่ีอยูใ่ นวรรณะร้อน ตัวอยา่ งงานออกแบบสที อี่ ยใู่ นวรรณะกลาง ใช้โทนสเี ยน็ เพอ่ื ภาพจะดูสบายตา กลมุ่ สโี ทนเยน็ เชน่ สีเขยี ว สฟี ้า น้าเงิน จะให้ความร้สู ึก สบาย ผ่อนคลาย สโี ทนนี้จะเกิดขึน้ ก่อนดวงอาทิตย์ข้นึ เเละหลังดวงอาทิตย์ตก หรือข่วงทเ่ี รยี กว่า Blue hour นัน่ เอง นอกจากน้ี ภาพสโี ทนเยน็ กบั ภาพทิวทัศน์ที่ เเสดงออกถึงความเย็น เข่าภเู ขาท่มี นี า้ เเข็งปกคลุม บางส่วน จะยง่ิ กระต้นุ ใหค้ นดู ไดร้ ู้สกึ เเละสมั ผัสได้ถึง ความหนาวเย็น และเงียบสงบ

อา่ นอารมณเ์ เละใช้สีให้เขา้ กับอารมณ์งาน 8 สีเเละอารมณ์ เป็นสิ่งท่ีเชื่อมโยงกันอย่างตัดไม่ขาด สีท่ีตัดกันหรือสีตรงกันข้าม เป็นสีที่อยู่ตรงข้ามกันใน ในภาพถ่าย คนท่ีมองภาพ จะมีความรู้สึกร่วมกับภาพ วงจรสี เช่น สนี ้าเงินตรงข้ามกับสแี ดงและสเี หลือง หรอื เเละยิ่งช่างภาพสามาถสร้างความน่าสนใจ เเละมีการลง สีแดงจะตรงข้ามกับสีเขียว ควรใช้สีใดสีหน่ึงจำนวน น้าหนักท่ีอารมณ์ โดยเพ่ิมการใชส้ ีเข้าไปกระตุ้นอีกด้วย 80% และเลือกใช้สีคู่ตรงกันข้ำงเพียง 20% หรือ เเล้ว ภาพน้ันจะเป็นภาพที่เรียกได้เลยว่ามีอิทธิพลกับ 70-30 โดยประมาณ บนพื้นท่ีของงานโดยรวม จะทา จิตใจของคนดู และสีก็ยังเป็นการส่ือถึงระยะเวลาด้วย ให้ช้นิ งานเกิดเป็นจุดเดน่ เมอ่ื นามารวมกันจะทาให้สีท้ัง เช่น ภาพท่ีถ่ายน้ัน เกิดข้ึนในช่วงเวลาไน ฤดูอะไรท่ี สองนั้นเดน่ ชดั มากขน้ึ ต้องการ เทคนิคการเลือกใช้สีแบบสูตรสาเร็จจะมีอยู่ หลายรปู แบบ ตวั อยา่ งสีคู่ตรงกนั ขา้ ม หาดทรายสนี ้าตาลเเดงกบั น้าทะเสสีฟา้ การใช้สคี ตู่ รงขา้ ม (COMPLEMENTARY COLORS) การใช้สีแบบสีทตี่ ดั กนั หรอื สตี รงกันขา้ ม เหลอื งสม้ -นา้ เงนิ มว่ ง สีท่ีอยู่ตรงข้ามกันบนวงจรสี เป็นสีที่มีค่าสีตัดกันอย่าง ชัดเจน โดยสีคู่นี้จะใหค้ วามรู้สึกรนุ แรง จัดจ้าน ฉูดฉาด การใช่สีคู่ตรงข้าม จะทาให้ภาพสะดุดอย่างมาก สร้าง ความรสู้ ึกเป็นเอกลกั ษณใ์ นการอยเู่ คียงคู่กัน 14. สีที่ตดั กนั หรอื สีตรงกันข้าม

9 การแยกคู่สที ่อี ยตู่ ดิ กบั สคี ตู่ รงกันขา้ ม (SPLIT COMPLEMENTARY COLORS) การใช้สีท่ีสองสีท่ีอยู่ติดกับสีคู่ตรงข้าม ก็เป็นการใช้ เพ่ือไม่ให้หลุดจากความกลลมกลืนตามคอนเซปต์สเี ป็น ความสัมพันธ์ของสีท่ีน่าสนใจ เช่น ในภาพที่มีสีแดงส้ม การใช้สีท่ีไปในโทนเดียวกันทั้งหมด เช่น จุดเด่นเป็นสี สีเขียว เเละสีน้าเงิน อยู่ด้วยกัน จะสร้างความเเตกต่าง นา้ เงนิ สสี ว่ นท่เี หลอื ก็จะเป็นสที ี่ใกลเ้ คยี งกบั น้าเงนิ โดย เเละความฉูดฉาดมากขึ้น เเต่ก็ให้ภาพที่ดูน่าสนใจ ใชว้ ิธีลดน้าหนกั ความเข้มของสนี ้าเงนิ ลงไป มากกวา่ ภาพทใ่ี ช่ค่สู ีตรงข้าม ตัวอยา่ ง SPLIT COMPLEMENTARY COLORS ภาพการใช้สแี บบโทนเดยี วกันใกลเ้ คียงกนั การใช้สีทใี่ กลเ้ คยี งกนั (ANALOG COLORS) สีท่ีใกล้เคียงกัน คือสีท่ีอยู่เรียงติดกันในวงจรสี จะสร้าง ความกลมกลืนข้ึนในภาพ ในการถ่ายภาพทิวทัศน์ ลอง จัดภาพให้มีสีใกล้เคียงกัน ลองมองวิว เเล้วเอามาเทียบ กับวงจรสี เเล้วจะจินตนาการได้ว่าภาพจะออกมาใน ลักษณะไหน รวมท้ังการเเต่งภาพหลังจากนั้น จะได้ กาหนดทิศทางสีได้ว่า จะต้องเเต่งภาพให้ออกมาเป็นสี อะไรบา้ ง

10 การเลอื กใชโ้ ครงสีสามเหล่ียม (TRIAD COLORS) คอื การใชส้ สี ามสีที่อยู่หา่ งกนั โดยจะอยู่ที่มุมของสามเหลี่ยมแตล่ ะมุม เช่น เมื่อเลอื กสีแดง สเี หลือง และสีฟา้ กจ็ ะถูก จัดว่าเป็นกลุ่มเดียวกัน ในการถ่ายภาพทิวทัศน์ กลุ่มสามสีก็กระตุ้นความนา่ สนใจของภาพ รวมทั้งเป็นการสรา้ งมติ ิ ให้กับภาพอกี ด้วย ภาพตัวอยา่ งการใช้โครงสีสามเหลีย่ ม (TRIAD COLORS)

11 สีกับการสอื่ อารมณ์ สีเขียว เป็นสีท่ีพบเป็นปกติในการถ่ายภาพทิวทัศน์ สี เขยี ว ใหค้ วามรู้สกึ ถงึ ความมีชวี ติ ชวี า สงบรม่ เยน็ สีน้ำเงิน เป็นสีเเห่งความสงบ โล่ง กว้าง เม่ือมีการใช้สี นา้ เงินลงในภาพ จะให้ร้สู ึกถงึ พ้นื ที่กว้าง มีพน้ื ทใี่ นภาพ สเี ทำ กระตุ้นใหร้ ู้สึกถึง สายฝน นา้ ไอหมอก กอ้ นเมฆ สีแดง เก่ียวข้องกับความโกรธ ความปรารถนา ความ เเละท้องฟ้า นอกจากน้ี สีเทาก็สื่อได้ค่อนข้าง รกั พบโทนสีนใี้ นธรรมชาติ เชน่ ดวงอาทิตย์ตก ดอกไม้ หลากหลาย เช่น สัมผัสได้ถึงความเยือกเย็น และความ เเละสขี องฤดูใบไมร้ ว่ ง รุนเเรง สีม่วง ให้ความรู้สึกผ่อนคลาย อาจจะไม่ค่อยพบใน สีส้ม พบบ่อยครั้งเม่ือถ่ายภาพดวงอาทิตย์ตก เป็นสี ธรรมชาติ สีม่วงกลายเป็นสีที่เเสดงถึงสัญลักษณ์เเห่ง โทนอุ่น ให้ความรู้สึก สนุกสนาน เบิกบาน ความสุข ความงาม เเละความแปลกใหม่ เเละความหลงไหล

12 สนี ้ำตำล เป็นสีของพืน้ ดิน (Earth tone) เป็นสีท่ีใชเ้ ม่อื สีเหลือง พบมากกับทิวทัศน์ที่มีดอกไม้ ทะเลทราย เเละ จะสือ่ ถงึ สภาวะของส่งิ แวดล้อม ใบไมใ้ นฤดูใบไม้ร่วง ถูกใชเ้ พ่ือกระตุ้น ความสุข พลังงาน การใช้ทฤษฎีสี ต้องคานึงอยู่เสมอว่า จะใช้สีนี้ในภาพ “ทาไม” เเละ “อย่างไร” การเข้าใจพ้ืนฐานของสีทาให้การ ถา่ ยภาพสื่อถงึ อารมณ์ เเละชน้ี าเพื่อใหร้ ้สู กึ ในสิ่งทีเ่ ราตอ้ งการจะนาเสนอไดอ้ ยา่ งมีประสิทธภิ าพ การเลือกใช้ตวั อกั ษรสา้ หรบั การออกแบบ Text Colors การเลอื ก Font ไปใช้ในงานออกแบบมขี ้อควรคานึง ง่าย ๆ อยู่ 2 ข้อคือ การเลือกใช้สีที่เหมือนใกล้เคียงกันมากจนเกินไปจะ ทาใหก้ ารอ่านตวั อกั ษรได้อยาก ดังนนั้ ในการเลอื กใช้สี 1. ความหมายตอ้ งเขา้ กนั หมายความวา่ ตัวอักษรและสีของพ้ืนหลังควรมีสีท่ีตัดกันชัดเจน ความหมายของคาและ Font ท่เี ลือกใชค้ วรจะไป เพ่ือให้ผ้อู ่านสามารถอา่ นตัวอกั ษรได้อยากสะดวก ด้วยกนั ได้ เช่น คาว่านา่ รกั ก็ควรจะใช้ Font ท่ดี ูนา่ รกั ไปด้วย ไม่ควรใช้ Font ที่ดเู ป็นทางการดังภาพ วิธเี ลอื ก Font ไปใชใ้ นงานออกแบบ ตัวอย่าง 2. อารมณ์ของฟอนต์ และอารมณ์ของงานต้องไป ในทิศทางเดียวกัน เช่น งานท่ีต้องการความน่าเช่ือถือ ก็ จ ะ เ ลื อ ก ใ ช้ Font แ บ บ Serif ท่ี ดู ห นั ก แ น่ น น่าเชื่อถือ ส่วนงานที่ต้องการความฉูดฉาดอย่าง โปสเตอร์ลดราคาก็ควรจะเลือกใช้ Font ที่เป็นกันเอง ไม่เป็นทางการมากนักอย่าง Font ในกลุ่ม Script เป็นตน้

นอกจากการเลือก Font มาใช้งานแล้ว การวาง 13 ตาแหน่งตัวอักษรก็เป็นอีกเร่ืองหน่ึงท่ีมีความสาคัญ กับการทางาน สาหรับการวางตาแหนง่ ตัวอักษร มีข้อ 2. จดุ เดน่ ควรจะมเี พยี งจดุ เดยี ว หรอื พูดงา่ ย ๆ ก็ ควรคานงึ ถึงไวใ้ ห้อยู่ 3 ขอ้ คือ คือมีตัวอักษรตัวใหญ่ๆ อยู่เพียงชุดเดียว จึงจะเป็น จดุ เดน่ ทม่ี องเห็นได้ง่าย ไมส่ ับสน ส่วนจุดอ่นื ๆ ขนาด 1. ธรรมชาติการอ่านของคนไทยจะอ่ำนจำกซ้ำย ควรจะเล็กลงมาตามลาดบั ความสาคญั ไปขวำ และบนลงล่าง โดยมีรัศมีการกวาดสายตา ตามลาดับ ดังน้ันถ้าอยากให้อ่านง่าย ควรจะวาง 3. ไม่ควรใช้ Font หลำกหลำยรูปแบบเกินไป เรียงลาดับให้ดีด้วย ไม่เช่นน้ันจะเป็นการอ่านข้ามไป จะทาให้กลายเป็นงานที่อ่านยากและชวนปวดศรีษะ ข้ามมาทาใหเ้ สยี ความหมายของข้อความไป มากกว่าชวนอ่าน ถา้ จาเป็นจริง ๆ แนะนาให้ใช้ Font เดมิ แต่ไม่ตกแต่งพวกขนาด, ความหนาหรือกาหนดให้ ตัวอยา่ งการใช้ Font ในงานออกแบบ เอียงบ้าง เพ่ือเพ่ิมความน่าสนใจไม่ให้งานดูน่าเบ่ือ แบบนี้จะดกี ว่า ไมม่ หี ัว มหี ัว

14

15 แนะนา้ เวบ็ ไซตส์ ้าหรบั ดาวนโ์ หลดแบบอกั ษร ฟอนต์ Font.com ไทยเฟซ Thaifaces.com

16 กเู กลิ ฟอนต์ fonts.google.com การติดตงั ฟอนต์ (Font) ลงเคร่ือง 1. ไปท่ชี อ่ งคน้ หาและพิมพ์ขอ้ ความ “Control” หลงั จากนั้นจะปรากฏคาส่งั Control Panel ขึ้นใหค้ ลกิ เลอื ก คาสั่งดังกล่าว 2 คลกิ เลอื กคำส่ัง “Control Panel” 1 จุด จำกตวั อยำ่ ง 1 พมิ พ์ข้อควำม “Control Panel”

17 2. เมอ่ื เข้าสู่ Control Panel หากปรากฏหนา้ ต่าง แบบ Category ให้ปรับเปน็ แบบ “Large icon” คลิกเพ่อื เปลีย่ นกำรแสดงผลหน้ำจอ 3 เปน็ แบบ “Lage icons” ภาพแสดงหนา้ ต่าง Control Panel แบบ Category 3. คลิกเลือกท่ี icon “Fonts” 4 ดบั เบิลคลกิ เลือก “Fonts”

18 4. เมอ่ื ดังเบิลคลกิ ท่ี icon “Fonts” แลว้ จะปรากฏหนา้ ต่าง ดังภาพ 5. จากน้ันใหน้ าฟ้อนที่ดาวนโ์ หลดแลว้ ยกเลิกการแพค๊ ไฟลด์ ้วยคาสั่ง “Extract filcs...” ดังภาพ 5 คลกิ เมำส์ขวำเลือกคำส่งั “Extract files...”

19 6. หลังจากเสรจ็ สิ้นการยกเลิกการแพค๊ ไฟล์จะปรากฏโฟลเดอร์ ของฟ้อนท่ีแพ๊คดังภาพ โฟลเดอร์ทยี่ กเลิกกำร แพค๊ ไฟล์จะมีช่ือเหมือนกันชื่อไฟลท์ แ่ี พค๊ มำ ดับเบิลคลิกทโี่ ฟลเดอร์ 6 7. เมื่อเข้าไปที่โฟลเดอร์ใหค้ ัดลอกฟ้อนท้งั หมดในโฟลเดอร์น้ี คลกิ เลือกฟอ้ น 7 8 คลกิ เมำสข์ ำว เลือกคำส่งั Copy

20 8. ไปทห่ี นา้ จอ Control Panel จากนั้นคลิกเมาสข์ วา เลอื กคาส่งั “Paste” ระบบจะนาฟ้อนที่เลอื กตดิ ตั้งลงใน Windows 9 คลิกเมำส์ขำว เลือกคำส่งั “Paste” หน้าจอแสดงการทางานเมือ่ มีการติดตงั้ Fonts เพิม่ ใหร้ อจนกว่าการทางานจะเสร็จสมบูรณ์หนาต่าง Installing Fonts กจ็ ะหายไป 10 เคร่อื งกำลังประมวลผลติดตั้ง Fonts หมำยเหตุ : หลังจากติดตงั้ เรียบรอ้ ยแล้วหากทา่ นต้องการใช้ฟอ้ นทโ่ี ปรแกรมใด ถ้าเครื่องเปิดโปรแกรมน้นั อยู่ก่อนตดิ ตง้ั ให้ปดิ โปรแกรมไปก่อน แล้วเปิดโปรแกรมขนึ้ มาใหม่ฟอ้ นท่ีตดิ ตั้งจะมีให้เลือกใช้งานไดต้ ามปกติ

21

22 ความรเู้ บอื งต้นเก่ียวกบั Photoshop Photoshop คือโปรแกรมสาหรับปรับแต่งรูปภาพระดับมืออาชีพ ซึ่งเป็นท่ียอมรับของนักคอมพิวเตอร์ กราฟฟิกส์และช่างภาพ เป็นอย่างมาก Photoshop มึความสามารถท่ีหลากหลาย เร่ิมตั้งแต่ปรับแต่งรูปภาพแบบ พ้ืนฐาน เช่น การปรับความมืดความสว่าง ปรับความผดิ เพีย้ นของสี ไปจนกระทง่ั ตัดต่อสร้างงานกราฟฟิกสร์ ะดบั สงู ลิขสิทธ์ิสาหรับการใช้งานโปรแกรม Photoshop น้ันมีการเปล่ียนแปลงจากในอดีตเป็นอย่างมาก ปัจจุบันเรา ไม่จาเป็นต้องซื้อโปรแกรมเป็นแผ่นมาติดตั้งเพราะ Adobe พัฒนา Photoshop ให้อยู่ในชุดโปรแกรมที่เรียกว่า Creative Cloud สามารถ Download ไฟล์สาหรับติดต้ังโปรแกรมได้ทางอินเตอร์เน็ต และจ่ายเงินผ่านบัตรเครดิต ซึ่ง จะมีลักษณะเป็นการเช่าใช้โปรแกรม โดยการเช่าใช้น้ันจะต้องเลือกตามแผนการให้เช่าท่ี Adobe กาหนดเอาไว้ เช่น Photography Plan เป็น Plan สาหรบั ช่างภาพ ตากลอ้ ง อยา่ งแท้จริง เพราะสามารถ Download ตดิ ตั้ง และใช้งาน โปรแกรม Photoshop และ Lightroom ได้อีกด้วย สาหรับราคาท่ีเช่าใช้ใน Plan นี้คือ 300 กว่าบาท ต่อเดือน โดย การจา่ ยเงินน้นั สามารถจ่ายเปน็ รายเดือนได้ แตก่ ารเช่าใช้ตอ้ งเชา่ ไมน่ ้อยกวา่ 1 ปี ขอ้ ดขี องการใช้ Photoshop แบบเช่าใชก้ ค็ ือได้รบั การ Update โปรแกรมโดยไม่ต้องเสียเงินเพิ่ม โดย Adobe จะส่งไฟล์สาหรับการ Update ผ่านทางอินเตอร์เน็ต ซ่ึงสะดวกและรวดเรว็ เป็นอย่างมาก นอกจากน้ียังมีวีดีโอสอนการ ใชโ้ ปรแกรมอย่ใู นโปแกรมเลยทาใหเ้ ขา้ ใจ และสามารถใช้ความสามารถใหม่ ๆ ของโปรแกรมไดง้ ่ายขึน้ ประโยชน์ของโปรแกรม Photoshop 1. ใช้สาหรับแก้ไขข้อบอกพร่องของไฟล์ภาพดิจิตอล เช่น ภาพที่มีความมืดจนไม่สวยงาม ก็สามารถปรับแสง ให้สว่างเพิม่ ขน้ึ ตามความต้องการของเรา หรอื ภาพที่สว่างจนเกนิ ไปท่เี รามักเรียกกันวา่ Over ก็สามารถปรับลดแสงตาม ความตอ้ งการได้เช่นกัน 2. การลบส่วนเกินต่าง ๆ ภายในภาพได้อย่างง่ายดาย ยกตัวอย่างเช่น หากเราถ่ายภาพวิวท่ีมีสายไฟเป็น สว่ นเกนิ ภายในภาพ ก็สามารถใชเ้ คร่อื งมือในโปรแกรม Photoshop ลบออกไดอ้ ย่างรวดเร็ว 3. การสร้างงานในลักษณะต่าง ๆ เช่นป้ายโฆษณาเพื่อนาไปสั่งพิมพ์ลงบนวัสดุต่าง ๆ หรือจะเป็นการสร้าง แบนด์เนอร์ สาหรับโฆษณาบนสอ่ื อิเลก็ ทรอนกิ สก์ ท็ าไดอ้ ย่างรวดเร็ว 4. สามารถแปลงไฟลภ์ าพไดห้ ลากหลายนามสกุล แนน่ อนว่าไมใ่ ชแ่ ค่การแปลงไฟล์ภาพเพยี งอย่างเดียว แตย่ งั สามารถกาหนดคณุ ภาพให้กบั ไฟลภ์ าพเหลา่ นัน้ ได้อกี ดว้ ย

23 การเปิดใชง้ านโปรแกรม Photoshop 1. คลกิ ท่ี Icon Search 2. พมิ พ์คาค้นในช่องคน้ หาด้วยคาวา่ “Photo..” 3. จะปรากฏโปรแกรมตามคาค้น จากนน้ั ให้คลกิ เลือกท่ีโปรแกรมคือ “Adobe Photoshop 2020” 4. เมอ่ื คลิกเปดิ โปรแกรมในขน้ั ตอนท่ี 3 เรยี บร้อยแลว้ โปรแกรมจะเปน็ ข้นึ เพ่ือดงั ภาพ

24 ส่วนประกอบของหนา้ ตา่ งการใชง้ านโปรแกรม ทูลบ็อกซ์ (Toolbox) หรอื ทูลพาเลต็ (Tools Palette) Tool เป็นแถบซ่ึงประกอบด้วยเคร่ืองมือต่าง ๆ ที่ใช้ในการเลือกพื้นที่ การวาด ระบาย และตกแต่งภาพ เคร่ืองมือเหล่าน้ีมีจานวนมาก ดังน้ันจึงมีการรวมกลุ่มเครื่องมือที่ทาหน้าท่ีคล้าย ๆ กันไว้บนปุ่มเดียวกัน โดยจะมีรูป สามเหลยี่ มกากับอยู่ท่ีมมุ ขวาล่าง กำรเรียกใช้เครื่องมือ Toolbox ในกรณที ี่เครือ่ งมือหำยไปจำกหน้ำต่ำงโปรแกรมสำมำรถทำได้ดังนี้ 1. คลิกเลอื กเมนู “Window” 2. คลกิ เลอื กคาสง่ั “Tools” เม่อื คลิกเลือกแลว้ ที่คาสง่ั Tools จะปรากฏเครื่องหมาย ดา้ นหน้าคาส่งั หนา้ ต่างโปรแกรม จะปรากฎกลอ่ ง Toolbox ขึ้นให้ใชง้ านไดต้ ามปกติ

25 ก าร การเปดิ ภาพเพอ่ื น้ามาใชใ้ นการตกแตง่ หมายเหตุ : กรณเี รียกใช้ภาพมากว่า 1 ภาพที่อยู่ติดกนั ในขน้ั ตอนท่ี 3 หากต้องการเลือกภาพมากว่า 1 ภาพท่อี ยู่ติดกันใหค้ ลิกเลือกภาพที่ 1 กดแปน้ พมิ พ์ Shift จากน้นั เลือก ภาพท่ี 2 3 4... ตามท่ีตอ้ งการ กรณีเรยี กใชภ้ าพมากว่า 1 ภาพทอ่ี ยู่หา่ งกัน ในขน้ั ตอนท่ี 3 หากต้องการเลอื กภาพมากว่า 1 ภาพทอ่ี ยู่ติดกนั ให้คลกิ เลือกภาพที่ 1 กดแป้นพมิ พ์ Ctrl จากนน้ั เลือก ภาพท่ี 2 3 4... ตามทีต่ ้องการ

26 การบนั ทกึ ไฟลภ์ าพท่ตี กแต่งเรยี บรอ้ ยแลว้

27 นามสกลุ ไฟลง์ าน สา้ หรับงานออกแบบ ไฟล์ .PSD ไฟล์ PSD นั้นจะเป็นไฟล์ท่ีเราสามารถเซฟได้โดยตรงจากโปรแกรม Photoshop โดยข้อดีของไฟลน์ ้ีก็คือ เมอ่ื เปิดขนึ้ มาแลว้ เราจะสามารถดงู า่ ยแต่ละ ชิ้นผ่านการแยก Layer ของงานได้ทันที ซึ่งถ้าหากต้องการแก้ไข เราก็สามารถ เลือกแก้ไขจาก Layer น้ันๆ ได้เลยทันที แต่สาหรับข้อเสียนั้นก็คือเราจะต้อง กาหนดขนาดของตวั งานให้ถูกตอ้ งและเหมาะสม เพราะถ้าหากมีการปรับแก้ขนาด ให้ใหญ่ขึ้นนั้น ภาพอาจจะแตกได้และ ไฟล์ PSD นั้นเมื่อเซฟแล้วจะมีขนาดไฟล์ ค่อนข้างใหญ่ ไฟล์นี้เหมาะสาหรับงาน ออกแบบโลโก้, ออกแบบบรรจุภัณฑ์ ได้ เชน่ กนั โดยสามารถส่งโรงพมิ พ์ได้เหมือนกนั กับไฟล์ Ai ไฟล์ .JPG สาหรับสกุลไฟล์น้ีหลายคนน่าจะรู้จักและคุ้นเคยดี เพราะไฟล์ JPG น้ัน เปน็ ไฟลร์ ูปภาพทเ่ี ราสามารถนาไปใช้งานในเวปไซต์ หรอื งานพมิ พ์เอกสารต่างๆ ได้ แตข่ ้อจากัดของไฟล์น้ีก็คือ ไมส่ ามารถขยายใหใ้ หญ่กว่าขนาดจรงิ ได้ เพราะถ้าหาก ขยายจนเกนิ มาตรฐานเดมิ ภาพจะแตกและแทบจะดูไม่ออกเลยทีเดียว แต่ข้อดขี อง ไฟล์น้ีก็คือขนาดไฟล์ที่เล็กมากๆ เมื่อเทียบกับไฟล์ PSD อย่างไรก็ตามไฟล์นี้เหมาะ สาหรับงาน ออกแบบโลโก้ , ออกแบบบรรจุภัณฑ์ ที่ต้องการนาเสนอให้กับลูกค้า ดูกอ่ นจะดาเนนิ การผลติ จรงิ ๆ ไฟล์ .PNG เป็นอีกไฟล์รูปภาพอีกสกุลหน่ึงซึ่งมีความคล้ายกับไฟล์ JPG แต่ความ แตกต่างของไฟล์ตระกูล PNG ก็คือ การมีพื้นหลังที่โปร่งใส ซ่ึงไฟล์ชนิดนี้เหมาะ สาหรับงานพิมพ์ท่ีต้องการเน้นแค่ตัวโลโก้ หรืองานโลโก้บนเว็บไซต์ต่างๆ สาหรับ ไฟลป์ ระเภทน้โี ดยทั่วไปแลว้ มกั จะใชก้ บั งาน ออกแบบโลโก้ เปน็ ส่วนมาก ทมี่ าจาก : https://ddstickers.com/file-type/

28 ตกแต่งแสงให้ภาพ Portrait ด้วยคา้ ส่ัง Curves

29 ปรับแต่งแสงให้ภาพ Portrait ดว้ ย Exposure

30 เพิ่มความสมและเปลี่ยนสภี าพด้วย Hue / Saturation ปรับแต่สแี ละความสด เราสามารถปรับแต่สีสนั ใหภ้ าพดูสนใจโดยการจับค่สู ีใหม่ และเพ่มิ ความสดใหภ้ าพได้ดว้ ยคาสง่ั Hue/Saturation โดยมีวิธีการดงั นี้

31 ปรับสีให้ภาพใกลเ้ คยี งกันดว้ ย Match Color คาส่งั Match Color เปน็ คาส่ังทใ่ี ชเ้ ทียบสจี กภาพ 2 ภาพ แล้วนามาจบั ค่สู ีกนั ใหม่ ส่วนใหญ่มักนาไปใช้แก้ไข ภาพทถ่ี ่ายมาจากท่ีเดยี วกัน แต่มีแสงสแี ตกต่างกนั เราสามารถเรียกคาสั่งนี้มาใชไ้ ด้โดยคลกิ เมน Image > Adjustments > Match Color... โดยมสี ่วนประกอบทสี่ าคญั ดังน้ี จับคู่สใี ห้ภาพทงั ภาพด้วย Match Color สาหรับหลกั การใชค้ าส่ัง Match Color ในการจับคสู่ ใี ห้กบั ภาพท่มี สี ภาพแวดล้อมใกลเ้ คียงกัน มสี ีสันเหมือนกัน นั้น มีขั้นตอนการทางานดังนี้

32

33 นอกจากการภาพถ่ายท่ีมโี ทนสใี กลเ้ คียงกนั มาจบั คู่สี เพอ่ื ให้ภาพออกมาสวยงามสมจริงแลว้ เรายงั สามารถ นาภาพที่แตกตา่ งกนั มาก ๆ มาจับคสู่ ีใหม่ด้วยคาสัง่ Match Coo ได้เช่นกัน วธิ นี จ้ี ะช่วยให้ได้ภาพที่มีสีสนั แปลกใหม่ท่ี น่าสนใจยิ่งขนึ้ การจูนสเี ฉพาะจดุ ดว้ ยค้าสง่ั Match Color จากตวั อยา่ งท่ีผ่านมาเราจะใช้คาสัง่ Match Color เพอ่ื เทยี บสีให้ท้ังภาพ แต่ในกรณีที่เราทางานดา้ นการตดั ต่อ และต้องการให้บางส่วนของภาพเท่านน้ั ทมี่ สี ีเปลี่ยนแปลงไป ในกรณีน้จี ะต้องมีอีกขั้นตอนเสริมเข้ามานั่นคือ การสร้าง Selection โดยมีหลกั การทางานดงั นี้

34

35 แก้ไขจดุ บกพรอ่ งดว้ ย Healing Brush Tool

36 แกไ้ ขพนื ทข่ี นาดใหญ่ดว้ ย Patch Tool เคร่ืองมือ (Patch Tool) มีคุณสมบัติการใช้งานเช่นเดียวกับ (Spot Healing Brush Tool) และ (Brush Tool) แต่จะใช้วิธีเลือกจุดท่ีต้องการแก้ไขก่อน แล้วจึงนาพ้ืนท่ีนั้นไปวางทับพ้ืนท่ีต้นแบบ ข้อดีของ เคร่ืองมือนี้คือสามารถแก้ไขพ้ืนที่ได้เป็นบริเวณวางและควบคุมพื้นที่ได้แม่นยา โดยเราสามารถปรับแต่งค่าต่าง ๆ บนออปชันบาร์ไดด้ งั น้ี

37 การแก้ไขภาพด้วยเครอ่ื งมือ (Patch Tool) ทาได้โดยสรา้ ง Selection บนจุดที่ต้องการแก้ไข แต่ไม่ควรให้ ขอบ Selection ทับกับส้นขอบของวัตถุในภาพ เพราะคาส่ังจะนาพื้นที่จุดน้ันมาคานวณสร้างสีใหม่และอาจทาให้เกิด รอยด่างได้

การใช้งาน Content – Aware Patch Tool 38 (Patch Tool) ท่ชี ว่ ยใหผ้ ลลัพธก์ ารทางานดี Content-Aware Patch Tool เป็นฟีเจอร์ใหม่ของเคร่ืองมอื ยง่ิ ข้นึ โดยมีหลักการทางานดังขัน้ ตอนต่อไปนี้

39 การปรับความคมชัดเฉพาะจุด ภาพถ่ายบางภาพอาจมปี ัญหาความคมชัด ไม่ว่าจะเปน็ ภาพคมชัดมากเกนิ ไปจนดูแข็ง หรอื ภาพท่ีโฟกสั ผิดพลาด จนดเู บลอ เราสามารถปรบั แตง่ ได้ด้วยเคร่ืองมือตา่ ง ๆ ดังน้ี ปรบั ภาพให้นุ่มนวลขึนด้วย Blur Tool สาหรบั ภาพถ่ายที่มคี วามคมชัดมาก ๆ หรอื มี Noise ที่เป็นเม็ดสกี ระจายอย่บู นภาพนั้น สามารถแก้ไข่ไดโ้ ดย การใชเ้ คร่อื งมือ (Blur Tool) ลดความคมลงได้ โดยเครื่องมอื จะชว่ ยเกล่ียสใี หบ้ รเิ วณท่ีแดรกเมาส์ผา่ นดนู มุ่ นวล ย่ิงข้นึ

40 การสรา้ ง Selection แบบรูปทรงอสิ ระ การสร้าง Seletion ให้กบั ภาพเพ่ือนาไปใช้ในการตัดต่อ จาเป็นตอ้ งสร้าง Selection ท่ีขับซอ้ นขน้ึ เพ่ือให้ สามารถ ทางานกับขอบเขตท่ีเฉพาะจาะจงลงไปได้ หรอื สามารถเลือกตัดขอบเขตของภาพได้อยา่ งสมบูรณ์ โดยมี เครอื่ งมือสาหรบั การสร้าง Selection ให้รปู ทรงอิสระมากมายดงั น้ี สร้าง Selection แบบคราวๆ ด้วย Lasso Tool เคร่อื งมือ (Lasso Tool) เปน็ เครอื่ งมอื สาหรบั สร้าง Selection ทีห่ ยาบทส่ี ุดในกลุ่ม โดยจะควบคมุ คอ่ นข้างยาก เพราะต้องแดรกเมาสก์ าหนดขอบเขตเอง แต่ก็สามารถผลิแพลงการใช้งานได้หลากหลาย สว่ นใหญม่ กั ใช้ รว่ มกบั การปรบั แตง่ สีให้พ้นื ที่กวา้ งๆ การใชเ้ คร่ืองมอื (Lasso Tool) มวี ธิ กี ารดงั นี้

41 สร้าง Selection ใหภ้ าพด้วย Polygonal Lasso Too สาหรับภาพท่ีมีส่วนขบท่ีเป็นเส้นตรงมาก ๆ เช่น ภาพส่ิงก่อสร้าง กล่อง ปกหนังสือ หรือรูปทรงท่ีเห็นเส้นขอบ ชัดเจน สามารถใช้เครื่องมือ (Polygonal Lasso Tool) สร้าง Selection ได้ โดยการคลิกไปบนขอบของภาพ จานวนกลบั มาทีจ่ ดุ ร่ิมต้นดังชัน้ ตอนต่อไปน้ี

42 สรา้ ง Selection ไล่ตามเสน้ ขอบภาพดว้ ย Magnetic Lasso Tool เคร่ืองมือ (Magnetic Lasso Too) สามารถใช้สร้าง Selection ได้ดีกับภาพที่มีความแตกต่างระหว่าง เส้นขอบกับฉากหลัง เนื่องจากเคร่ืองมือจะวิเคราะห์และเปรียบเทียบความแตกต่างจากค่าสี โดยสามารถกาหนดคา่ บน ออปชนั บารไ์ ด้ดังนี้ การใช้งานเครื่องมือ (Magnetic Lasso Tool) สามารถทาได้โดยการคลิกเพื่อกาหนดจุดเริ่มต้น แล้ว แดรกเมาส์รอบขอบภาพจนวนกลบั มาท่ีจดุ เรมิ่ ต้นกจ็ ะได้ Selection พร้อมใช้งาน

43 การสรา้ ง Selection ด้วยกลุม่ เคร่ืองมือการเลือกสี เราสามารถใช้เคร่ืองมือสร้าง Selection โดยการเลือกจากสีใกล้เคียงได้ เครื่องมือในกลุ่มน้ีมีอยู่ 2 ตัว และมี วธิ ีการใชง้ านท่แี ตกต่างกันดงั นี้ สร้าง Selection ให้ส่วนท่ีมีสีใกล้เคียงกันด้วย (Magic Wand Tool) เป็นเคร่ืองมือสร้าง Selection ท่ีสมารถใช้งานได้ดีกับภาพท่ีมีการไล่โทนสีแบบต่อเน่ือง หรือภาพที่มีโทนสีใกล้เคียงกัน โดยผู้ใช้สมารถกาหนดค่าของ เครือ่ งมอื บนออปชนั บาร์ เพ่อื ปรับแตง่ เครอ่ื งมือให้เหมาะสมยิ่งขึ้นดังนี้ วิธีการสร้าง Selection ด้วยเคร่ืองมือจาเป็นต้องเลือกใช้ภาพให้เหมาะสมคือ จะต้องมีสีที่ใกล้เคียงกันและมี ขอบเขตค่อนขา้ งชดั จน จึงจะทาให้ไดผ้ ลลัพธ์ทดี่ ี วธิ ีการใชง้ านเครอ่ื งมอื ทาไดด้ งั นี้

44 สร้าง Selection เฉพาะสว่ นที่ตอ้ งการด้วย Quick Selection Tool เครื่องมือ (Quick Selection Tool) มีความสามารถในการสรา้ ง Selection ด้วยวริ แี ดรกเมาส์ ภาพที่ ใชค้ วรมีสีสันทคี่ อ่ นข้างชัดเจน หรอื ดแู ตกต่างกบั ฉากหลงั พอสมควร จึงจะทาให้ได้ Selection ที่สมบรู ณ์ โดยเรา สามารถกาหนดค่าต่าง ๆ บนออปชันบาร์ เพ่อื ปรับเครอื่ งมือใหเ้ หมาะสมกับการใชง้ านได้ดงั นี้ การใชง้ านเคร่ืองมือ (Quick Selection Tool) สรา้ ง Selection ทาได้เพียงแค่แดรกเมาส์ไปบนสว่ นที่ ตอ้ งการหลงั จากน้นั ปรบั แต่ Selection ทีเ่ กนิ ขอบเขตออกมาก็จะได้ผลลัพธ์ที่สมบูรณแ์ ล้ว โดยมวี ิธกี ารใช้งานดังนี้

45 บดิ รูปทรงแบบอิสระดว้ ย Puppet Warp Puppet Wrap เปน็ คาสง่ั ใหมท่ ม่ี คี ุณสมบตั ใิ กลเ้ คยี งกับคาสั่ง Free Tanstom แต่จะสามารถตดั รปู ทรงไดอ้ สิ ระกวา่ สาหรับวธิ ีการบดิ รูปทรงด้วย Puppet Wrap มหี ลกั การทางานดงั นี้

46

47 Remove.bg ลบพืนหลบั อตั โนมตั ผิ ่านเว็บ 1. เปดิ เว็บไซต์ www.remove.bg วธิ ีการใชง้ านคลิกเลือกปุ่ม Upload Image > อพั โหลดภำพทต่ี ้องการลบ พืน้ หลงั ออกจากเครือ่ งเว็บจะทาการประมวลผลและปรากฎภาพทไ่ี ดล้ บพื้นหลักงออกจากน้ันใหค้ ลกิ เลอื กปุ่ม คลิกเลือกป่มุ Upload Image 1 2. คลกิ ปุม่ Download จะมใี ห้เลอื ก 2 แบบคือ 2.1 Preview Image 612 × 408 แบบฟรคี ณุ ภาพภาพทไี่ ดจ้ ะมีขนาด 612 × 408 pixcel 2.2 Full Image 2048 × 1365 แบบเสียเงนิ คุณภาพภาพที่ไดจ้ ะมีขนาด 2048 × 1365 pixcel

48 เมื่อคลิกปุ่มดาวน์โหลดเรียบร้อยแล้วเครื่องจะดาวน์โหลดไฟล์ไว้ท่ีเคร่ืองดังน้ี ท่านสามารถนารูปท่ีได้ทาการลบ พื้นหลงั ออกอัตโนมัติไปใช้กบั งานออกแบบได้

49 Application Snapseed ส้าหรับการรีทัชภาพด้วยมือถือ คุณสมบตั ิหลักของ การใช้งาน Application Snapseed Application Snapseed 1. เปิดแอพเข้ามาจะเจอหน้าหลักของแอพ 1 Application Snapseed 2. จะปรากฏหน้าจอของ Application Snapseed ซึ่งมีเมนูเดียวคือ “+ แตะท่ีใดก็ได้เพื่อเปิดรูปภำพ” ให้เลือกรปู ภาพท่ตี ้องการจะแต่งเพ่ือนาไปใชต้ ่อไป Application Snapseed เป็นแอพสาหรับใช้ในการ 2 แก้ไขรูปภาพระดับมืออาชีพท่ีมีฟังก์ชัน ด้วยฟีเจอร์ท่ี หลากหลาย เช่นการทาให้ภาพดูโดดเด่น, หมุนภาพ, ลบรอยสิว, ลบจุดด่างดา มากไปกว่าน้ันแอพนี้ยังมี คุณสมบัติ คล้ายๆ โปรแกรมอย่าง Photoshop โดยมี เคร่ืองมือและฟิลเตอร์ใหใ้ ช้งานถงึ 25 รายการ แตะทใี่ ดกไ็ ดเ้ พือ่ เปิดรปู ภำพ ภาพตัวอยา่ งการแตง่ ภาพดว้ ย Application Snapseed

50 3. เลือกภาพทต่ี ้องการปรบั แตง่ เครื่องมอื 6. ภาพท่ีได้หลังจากการปรบั ค่าแลว้ 4. คลกิ เลอื กท่เี มนู “เคร่อื งมือ” 5. ตวั อย่างการใชค้ าสั่ง “ปรบั แตง่ ภำพ” โดยกาหนดคา่ 3 ส่วนคอื 5.1 ความสวา่ ง 5.2 ความอ่มิ ตัว 5.3 บรรยากาศ