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

51 7. บันทึกไฟลเ์ พ่ือนาไปใช้งาน บนสอ่ื ออนไลนห์ รือเซฟลงในเครื่อง 8. รปู ท่ไี ด้ ภำพหลงั ปรับ ภำพก่อนปรับ

52

53 ความรู้เกยี่ วกับ Illustrator โปรแกรม Adobe Illustrator เป็นโปรแกรมที่ใช้ในงานออกแบบกราฟฟิก ใช้สาหรับสร้างวาดภาพ ภาพที่ได้มี ความคมชัดสูง งานภาพประกอบและงานกราฟิกแบบ 2 มิติต่างๆ เช่น โลโก้สินค้า โปรเตอร์ นามบัตร งานโฆษณา ปกซีดี บรรจุภัณฑ์ จนไปถึงการจัดเลย์เอาต์งานส่ิงพิมพ์ ออกแบบหน้าเว็บไซต์ และที่ได้รับความนิยมในปัจจุบันคือการ ออกแบบอินโฟกราฟฟิกส์อีกด้วย โดยภาพท่ีได้จะมีลักษณะเป็นลายเส้นหรือเรียกว่า Vector Graphic ซึ่งจะมีความ คมชดั สูง เปน็ โปรแกรมท่ใี ชใ้ นการออกแบบระดบั มืออาชีพท่ีใช้กันเปน็ มาตรฐานสากล ตวั อยา่ งชนิ งานทีส่ ามารถสร้างด้วย Program Illustrator ได้ ตวั อยา่ งโลโก้ (Logo)

54 ตัวอย่างแบนเนอร์ (Banner) ตวั อยา่ งโปสเตอร์ (Poster)

55 ตัวอยา่ งโรลอัพ (Rollup)

56 ตวั อย่างแผน่ พบั (Brochure)

57 ตวั อย่างสติกเกอร์ติดบูท ตวั อย่างบรรจภุ ัณฑ์

58 ตัวอย่างนามบัตร ประเภทของภาพกราฟิกสามารถแบง่ ได้เป็น 2 แบบคือ รปู 1 ภาพจาก wikipedia.org 1. ภำพบิทแมป (Bitmap) คือ ภาพท่เี กิดจากพิกเซล มีลักษณะเปน็ จุดสีเ่ หลย่ี มหลาย ๆ อนั มาประกอบกัน เปน็ รปู ภาพ ความคมชัดของภาพข้นึ อยู่กับจานวน พกิ เซล ดังน้ันเม่ือเราขยายภาพมากขนึ้ ความคมชดั ของภาพจะลดลง 2. ภำพเวกเตอร์ (Vector Graphics) ประกอบดว้ ย เสน้ ลกั ษณะต่าง ๆ ทเ่ี กดิ จากการคานวณทาง คณิตศาสตร์ ผลงานที่ไดจ้ ะมีความคมชัด เมื่อเรายอ่ ขยายภาพจะเห็นภาพไมม่ ีการสญู เสยี ความละเอียด และยังคงความชัดเจนเช่นเดิม ข้อดขี องภำพ Vector คือ ทาให้สามารถย่อขยายได้ โดยคณุ ภาพไม่เปลี่ยนแปลง ข้อเสียคอื ภาพไมเ่ หมือน ภาพจริงเป็นได้เพียงภาพวาด หรือใกล้เคียงภาพถ่าย เท่านั้น ข้อมูลภาพพวกน้ีได้เเก่ไฟล์สกุล eps, ai (adobe illustrator) เป็นตน้

59 ความแตกต่างระหวา่ ง Illustrator และ Photoshop Illustrator นั้นทางานแบบ vector คือจะใช้ในงานการเขียนภาพ 2 มิติ เป็นโปรแกรมท่ีมีประโยชน์มากใน การทาเวบ็ ไซต์ เพราะทาใหผ้ ้ใู ช้งานสามารถวาดรูปที่ต้องการข้ึนมาเองได้ แตกต่างจาก Photoshop ท่จี ะตอ้ งนาภาพท่ี มีอยู่แลว้ มาตกแตง่ เพอื่ ให้มสี ี มรี ูปแบบตามท่ตี อ้ งการ ถงึ แมว้ า่ ปจั จบุ นั Photoshop จะพฒั นาเครอ่ื งมอื ที่สามารถสร้างภาพ vector ได้ แตค่ วามสะดวกก็ยงั ส้กู ารใช้ งาน Illustrator ไม่ได้อยู่ดี ซ่ึงในการทางานจริง ๆ แล้วจะต้องอาศัยเคร่ืองมือทั้ง Photoshop และ Illustrator ควบคู่กันจึงจะได้เป็นช้ินงานข้ึนมา ซ่ึงท้ัง 2 โปรแกรมก็ทางานควบคู่กันได้ดี ส่วนหนึ่งก็มาจากว่าทั้ง 2 โปรมแกรมมา จากบริษทั เดยี วกนั คือบรษิ ทั Adobe ส่วนประกอบต่าง ๆ ของโปรแกรม Illustrator 1. Menu Bar (เมนูบำร์) : เป็นเมนคู าส่ังตา่ ง ๆ ของโปรแกรม 2. จัดเรยี งอำร์ตบอรด์ : เลอื กการแสดงผลของหน้าจอการทางาน 3. Obtion Bar : ส่วนท่ีใช้ในการปรับแต่งการทางานของเครื่องมือต่างๆ ซ่ึงรายละเอียดในคอนโทรลพาเนลจะ เปล่ียนไปตามการเลือกเคร่ืองมือ หรือ เลือกออบเจ็คในขณะน้ัน เช่น หากเลือกออบเจ็คทั่วไปคอนโทรลพาเนลจะ แสดง, ออปชั่นการกาหนดสี, ขนาดของพ้ืนท่ีและเส้น แต่ถ้าหากเลือกออบเจ็คที่เป็นตัวอักษรก็จะแสดงออปชั่นท่ี เกย่ี วกบั การกาหนดรูปแบบตัวอักษร เปน็ ต้น 4. Title Bar (ไตเตลิ บำร์) : แสดงชือ่ โปรแกรมและไฟลส์ ที่กาลงั เปดิ ทางานอยู่ 5. Toolbox (ทูลบ็อกซ์) : กล่องเครื่องมือ ประกอบด้วยเคร่ืองมือต่าง ๆ ที่จาเป็นต่อการทางานและมีจานวนมาก เช่น วาดภาพ พิมพ์ข้อความ เปล่ียนขนาด เลื่อนตาแหน่ง ลงสี สร้างกราฟ เป็นต้น ดังนั้นจึงมีการรวมเคร่ืองมือ

60 บางอย่างไว้ในปุ่มเดียวกันเป็นกลุ่มๆ ซ่ึงจะมีรูป อยู่ที่มุมขวาล่างของปุ่มเครื่องมือ เพื่อแสดงว่ายังมีเครื่องมืออ่ืน ซ่อนอยู่ด้วย ซ่ึงถ้าหากต้องการเลือกเครื่องมือที่ซ่อนอยู่ในกลุ่มนั้น ให้คลิกเมาส์ที่ปุ่มเคร่ืองมือนั้นค้างไว้แล้วลาก เมาส์ไปช้ีท่เี ครือ่ งมืออ่นื ๆ ทตี่ อ้ งการ ดงั น้ี ภาพตัวอยา่ งการเรียกใช้งาน Tools ทีซ่ ่อนอยู่ ชดุ เครอ่ื งมอื ทงั หมดใน Toolbox ประกอบด้วย 6. Status bar (แถบสถำนะ) : แสดงอัตราสว่ นในการแสดงผลและรายชอ่ื ปุ่มเคร่อื งมือทใ่ี ช้งานอยู่

61 7. Panel : กรอบหน้าต่างย่อยๆ ที่มีคาสั่งและเครื่องมือในการจดั การ , ตรวจสอบค่า และปรับแต่งองค์ประกอบต่างๆ ของออบเจ็ค ซึ่งเคร่ืองมือเหล่านี้จะถูกจัดแบ่งไว้เป็นหมวดหมู่ เช่น พาเนล Color ใช้กาหนดสี , พาเนล Stroke ใช้ปรับขนาดและรูปแบบเส้น , พาเนล Align จัดตาแหน่งวัตถุ เป็นต้น บางพาเนลที่มักใช้งานร่วมกันจะถูกจัดไว้ใน กลุ่มเดียวกัน เช่น พาเนล Color และ พาเนล Color Guid แต่พาเนลน้ันจะไม่ถูกเปิดข้ึนมาให้ทุกๆ พาเนล ดังน้ัน หาก ต้องการเรยี กใช้ Panel ใด ๆ ให้คลิกเลอื กทเ่ี มนคู าสง่ั Window > จะปรากฏรายการพาเนลตา่ ง ๆ พาเนลใดท่ี มเี ครื่องหมายถกู  แสดงวา่ พาแนลนน้ั ถูกเรยี กใช้งานอยู่ 8. อำร์ตบอรด์ (Artboard) : พน้ื ทกี่ ารทางาน

62 เริม่ ตน้ เปิดใช้งานโปรแกรมและตงั คา่ ชนิ งาน 1. คลิกท่ี Icon คน้ หาใกลป้ มุ่ Windows “Type here to search” พมิ พ์ข้อความในชอ่ งนี้ดว้ ย “Ill…” จากน้นั จะปรากฎโปรแกรม Adobe Illustrator 2020 ให้คลกิ ท่ี Icon ดงั กลา่ ว 2. จะปรากฏหนา้ ต่างเป็นหน้าต่างเรมิ่ ต้นก่อนการใชง้ านในหนา้ น้จี ะเปน็ การตั้งคา่ ขนาดของไฟลง์ ใหมด่ ังภาพ

63 3. การกาหนดการตง้ั ค่าพนื้ ทกี่ ารทางานสามารถกาหนดได้โดย คลกิ เลือกคาสั่ง “Create new” 4. ตงั้ ค่าขนาดชิน้ งานตามที่ตอ้ งการ เม่อื ตั้งค่าตามทีต่ ้องการเรียบร้อยแลว้ ใหค้ ลกิ ทีป่ ุ่ม “Create” หมำยเหตุ : การตง้ั คา่ ช้ินงานต่าง ๆ สามารถค้นหาขนาดของช้นิ งานได้จาก Google 5. เมื่อคลิกปุ่ม “Create” แล้วโปรแกรมจะประมวลผลและสรา้ ง Artwork ดังภาพ

64 การเลือกโหมดของสี สีน้ันสาคัญมาก ผู้ใช้งานควรเลือกโหมดสีให้ตรงกับงานที่ต้องการใช้ เช่นถ้าเป็นงานส่ิงพิมพ์ก็ควรเลือก CMYK เพ่ือให้ได้สีท่ีแสดงบนหน้าจอทางานตรงกับส่ีท่ีปร้ินเนื้องานออกมา ถ้าเลือกเป็น RGB ภาพท่ีแสดงบนหน้าจอกับภาพ ทปี่ ร้นิ ออกมาจะแตกตา่ งกนั มาก

65 ปรบั เปลี่ยนโหมดสีทใ่ี ช้ในการท้างาน 1. คลกิ เมนู File > Document Color Mode > เลอื กโหมดสีเปน็ CMYK หรือ RGB โดยโหมดสที ่ถี ูกเลือก จะปรากฎเครื่องหมาย  ขึ้น

66 การวาดรูปทรงกลุ่มเครอื่ งมือพืนฐาน ประกอบดว้ ยเครื่องมอื 6 เครอื่ งมือดังนี้ เมื่อต้องการวาดรปู ทรงจากกลุ่มนี้สามารถทาได้ 2 วธิ ดี งั นี้ วิธที ี่ 1 การวาดรปู ด้วยวิธแี ดรกเมาส์สร้างรปู ทรง สรา้ งรปู ทรงส่เี หล่ียม นาเมาส์คลกิ เลอื กเครื่องมือ Rectangle Tool > คลกิ เมาส์คา้ งแล้วลากวาดรปู ทรง ส่ีเหลีย่ มตามขนาดทตี่ อ้ งการ ตวั อย่างเชน่ การสร้างรปู สีเหลี่ยม

67 วิธีที่ 2 การวาดรูปดว้ ยวธิ กี ารตงั ค่าจากกล่องค้าส่ัง คลกิ เลอื กเครอื่ งมอื กกลมุ่ รูปทรงพนื้ ฐาน ทตี่ อ้ งการสรา้ ง เชน่ เครอ่ื งมือ Rectangle Tool รูปทรงสเี่ หลย่ี ม จากนนั้ ใหค้ ลกิ เมาสห์ นง่ึ ครงั้ บนพนื้ ทีว่ า่ ง ๆ บน Artbord จะปรากฏหนา้ ตา่ ง Rectangle ขนึ้ ดงั ภาพใหส้ ามารถกาหนดคา่ ของสเี่ หลย่ี มท่ตี อ้ งการ การสร้าง ว่าต้องการใหส้ ีเหลี่ยมดังกล่าวมขี นาดความกวา้ ง ความสงู เท่าไหร่ เม่อื กาหนดค่าของขนาดส่เี หล่ียมเรยี บร้อย แลว้ ใหค้ ลิกทป่ี ุม่ OK ดังภาพ การวาดรูป Rectangle Tool ด้วยวธิ ีการตังค่าจากกล่องค้าส่ัง

68 การวาดรูป Rounded Rectangle Tool ดว้ ยวธิ ีการตงั ค่าจากกล่องคา้ ส่งั การวาดรูป Elipse Tool ด้วยวธิ กี ารตังค่าจากกล่องค้าสง่ั การวาดรูป Polygon Tool ดว้ ยวธิ ีการตังค่าจากกล่องค้าส่งั การวาดรูป Star Tool ด้วยวธิ กี ารตงั คา่ จากกล่องคา้ สง่ั

69 การวาดรปู Flare Tool ดว้ ยวิธกี ารตงั คา่ จากกล่องคา้ ส่งั

70 วธิ ีการใส่สขี องพนื หลงั และสขี องเสน้ ขอบลงบนชนิ งาน ความหมายของเครื่องมอื เพิม่ สใี นของ Toolbox วธิ ีการใสส่ ีพืนแบบสีเดียว (Fill)

71 วิธกี ารใส่สเี สน้ ขอบ (Stoke) วธิ กี ารใส่สีพนื แบบ Gradient

72 การใช้เครอ่ื งมือกลมุ่ Pen Tool กำรใช้งำนเครื่องมอื (Pen Tool) ใช้เคร่ืองมือ (Pen Tool) คลิกสรา้ งเส้น Path กำรใชง้ ำนเครื่องมอื (Add Anchor Point Tool) คลิกเมาสไ์ ปบนเสน้ Path ดว้ ยเครอ่ื งมอื (Add Anchor Point Tool)  กำรใช้งำนเคร่ืองมือ (Delete anchor Point Tool) จุดแองเคอร์มีมากเกินไปต้องการลบออก สามารถใชเ้ ครอื่ งมือ (Delete anchor Point Tool) คลกิ ลงไปยังจุดทตี่ ้องการลบไดเ้ ลย จดุ ท่คี ลิกก็จะหายไป  กำรใช้งำนเครือ่ งมอื (Convert Anchor Point Tool) หากต้องการให้สว่ นทีเ่ ปน็ มงุ โค้งงอ สามารถ ใช้เคร่อื งมือ (Convert Anchor Point Tool) จัดการโดยคลิกบนจดุ แองเคอรแ์ ล้วแดรกเมาสด์ ัดเส้นตามตอ้ งการ  ภำพตัวอยำ่ งที่ 1 การสรา้ งป้ายราคาสินค้า โดยมีข้ันตอนดังตอ่ ไปนี้

73

74

75 ภำพตัวอย่ำงที่ 2 การวาดรูปการ์ตูนน่ารักด้วย Illustrator ในตัวอย่างน้ีจะเป็นการวาดหมีแพนด้า โดยมีขั้นตอน ดังตอ่ ไปนี้

76

77

78

79 รูปสำเรจ็ เม่ือวำดเสร็จ

80 การสรา้ งข้อความด้วยเครอื่ งมอื Type Tool ประกอบด้วยเครอ่ื งมอื 7 เครอื่ งมอื ดังน้ี ภาพตวั อยา่ งเมื่อใช้คา้ สงั่ กลุ่ม Type Tool

81 วิธีการใช้งานค้าสั่ง Type Tools 1. คลกิ เลอื กเคร่ืองมือ Type (T) เป็นชดุ เคร่อื งมือทใ่ี ชส้ รา้ งตัวอกั ษร ในโปรแกรม Illustrator 2. นาเมาสว์ างบรเิ วณพนื้ ท่ีวา่ งใน Art Board เมาส์จะเปล่ียนสญั ลกั ษณเ์ ป็น คลิกเมาสแ์ ละพิมพข์ ้อความ ท่ีต้องการ 3. ข้อความทพี่ ิมพ์อยู่ ณ ปจั จุบันดงั ภาพตัวอย่าง จากนน้ั สามารถกาหนดคุณสมบัติเพ่ิมเตมิ ไดใ้ นข้นั ตอนท่ี 4 4. กาหนดคณุ สมบัตเิ พ่มิ เตมิ ใหก้ ับตวั อกั ษรสามารถกาหนดค่าต่าง ๆ ได้ท่ีออปชั่นบาร์ (Option Bar) โดยมี รายละเอียดดังนี้

82 Option Bar ส้าหรับการตังคา่ font เพิม่ เตมิ 5. คลกิ เลือกไอค่อน Selection Tool จากน้นั คลกิ บรเิ วณพ้นื ท่วี า่ ง เพื่อเสรจ็ สิน้ การแกไ้ ขหรอื ตั้งคา่ ตัวอกั ษรทส่ี ร้าง รปู แบบการสร้างตวั อักษรกลุ่ม Type Tool

83

84

85 รวมและตดั รปู ทรงดว้ ยพาเนล Pathfinder Pathfinder คือ พาเนลสาหรับจัดการกับรูปทรงท่ีว่างทับซ้อนกันอยู่ให้สามารถรวมเป็นช้ินเดียวกัน หรือ ตัด ส่วนที่ทับกันออกไป ซ่ึงมีประโยชน์มากเม่ือต้องการส้รางงานท่ีมีความซับซ้อน หรือต้องการกาหนดพื้นที่ของวัตถุอย่าง ชัดเจน ซ่ึงเราสามารถเรียกใช้พาเนล PATHFINDER ได้โดยคลิกเมนู Window > PATHFINDER หรือกดปุ่ม <Shift+Ctrl+F9> สาหรับสว่ นประกอบทส่ี าคัญของพาเนลมี PATHFINDER ดังน้ี ปมุ่ คำสั่งทั้ง 4 น้ีจะให้ผลกำรทำงำนทแ่ี ตกต่ำงกนั ดงั ตอ่ ไปนี้ Icon ชอ่ื ควำมหมำย Unite เปน็ วธิ ีการรวมรปู ทรงท่ีซ้อนกันอยเู่ ป็นวตั ถชุ ้ินเดียวกนั โดยรปู แบบของรปู ทรง ท่ีไดม้ สี ีพ้ืน และสีเส้นตามวตั ถุทีอ่ ยู่ด้านบนสุด Minus Front คือ การตัดวตั ถุที่อยู่ด้านลา่ งสุดด้วยรปู ทรงของวตั ถชุ น้ิ ทอี่ ยู่ดา้ ยบน โดยสพี น้ื และสีเสน้ ของ วัตถทุ ี่อยูด่ ้านลา่ งยงั คงเดมิ Intersect การตัดพ้ืนทว่ี ัตถุท่ีอยูด่ า้ นนอกออก และเหลือส่วนท่ซี ้อนทับกนั ไว้ โดยเลือกใชค้ ุณสมบัติของ สีพืน้ และสเี ส้นที่อยดู่ า้ นบนสุด Exclude การตดั พน้ื ทว่ี ตั ถุส่วนทีซ่ ้อนทับกันออกไป และจะเหลือพืน้ ท่สี ว่ นท่ีอยู่ด้านนอกไว้โดยเลอื กใช้ คณุ สมบัติของสีพ้นื และสีเส้นที่อยดู่ ้านบนสดุ วธิ กี ารใช้งานค้าส่งั การใช้งานปุ่มคาสั่งในส่วนของ Shape Modes น้ี จะเน้นไปที่การรวมรูปทรงหรือตัดรูปทรงที่สร้างกันออก โดยการใช้ งานสามารถทาไดด้ งั นี้ 1. ใชเ้ ครือ่ งมอื (Selection Tool) คลิกเลือกวัตถุทวี่ างซอ้ นกันทั้งหมด 2. เปิดพาเนล Pathfinder ขน้ึ มา 3. คลกิ ปุ่มคาสั่งในส่วนของ Shape Modes เพ่ือรวมหรอื ตัดรูปทรงออกจากกนั 4. ลกั ษณะของรูปทรงที่ได้

86 เคร่อื งมอื Pathfider ในกลมุ่ Shape Modes ภำพตัวอยำ่ งกำรใชค้ ำสงั่ กลุ่ม Shape Modes เพ่ิมเติม คำสง่ั (Unite) คำสง่ั (Minus Front)

87 คำสั่ง (Intersect) คำส่ัง (Exclude) กำรสรำ้ งและใช้งำน Compound Shape Compound Shape คือ รูปทรงท่ีว่างซ้อนกันและรวมพื้นที่ หรือตัดของเขตออกจากกันด้วยปุ่มคาสั่ง Shape Modes บนพาเนล PATHFINDER แล้ว แต่จะสามารถปรับแต่งขอบเขตการซ้อนทับในภายหลังได้โยใช้เครื่องมือ (Direct Selection Tool) ได้ ซึ่งเราสามารถสร้างและปรับแต่ง Compound Shape ได้ดังวิธีการต่อไปน้ี 1. ใช้เครือ่ งมือ (Selection Tool) คลิกเลือกวัตถุที่ว่างซ้อนกัน 2. เปิดพาเนล PATHFINDER ขนึ้ มา พร้อมกับกดปุ่ม <Alt> ค้างไว้ แล้วคลิกปมุ่ คาสั่งทต่ี ้องการ 3. จะได้ Compound Shape ท่สี ามารถปรับแต่งในภายหลงั ไดด้ ว้ ย 4. ใช้เครือ่ งมือ (Direct Selection Tool) เปลย่ี นตาแหน่งการซ้อนทบั ได้ตามต้องการ

88 5. คลกิ ป่มุ Expand เพื่อรวมรปู ทรงใหก้ ลายเป็น Shape ปกติหลังจากปรบั แต่งเรยี นรอ้ ยแลว้ เครอื่ งมือ Pathfider ในกลุ่ม Pathfinders สาหรับปุ่มคาส่ังในส่วนของ Pathfinders จะใช้เมื่อต้องการตัดหรือเจาะรูปทรงท่ีซ้อนกัน โดยจะใช้เส้น Path เป็นตัวกาหนดของเขตให้พ้ืนท่ีในแต่ละส่วน โดยรูปทรงท่ีได้หลังจากใช้ปุ่มคาส่ังเหล่าท่ีถูก Group ไว้ หากต้องการปรับแต่งเพ่ิมเติมให้ใช้คาสั่ง Ungroup เพ่ือแยกวัตถุออกจากกัน จึงจะสามารถแยกวัตถุแต่ละชิ้นออกจาก กันไดอ้ ยา่ งอิสระโดยผลลพั ธ์ที่ไดจ้ ากการใชป้ ุ่มคาสงั่ จะมีความแตกตา่ งกันดังน้ี สาหรับคาส่ังต่าง ๆ ในกลุ่ม Shape Modes มีท้ังหมด 6 คาสั่ง ซ่ึง จะให้ผลการทางานท่ีแตกต่างกันดังตอ่ ไปนี้ ดังนี้ Davide จัดแบง่ พ้นื ทวี่ ตั ถดุ ว้ ยเสน้ Path ของวัตถุทีซ่ ้อนทบั กนั ทัง้ หมด โดยท่สี พี น้ื และสีเสน้ ของ Trim วตั ถแุ ตล่ ะชนิ้ จะยงั คงเดิม Merge Crop ตดั เจาะวัตถุท่อี ย่ดู ้านล่างด้วยรูปทรงของวตั ถทุ ี่อย่ดู ้านบน ผลลพั ธ์ท่ไี ดจ้ ะเป็นรปู ทรงเดิมท่ี มแี ต่สีพน้ื แต่ไม่มีสเี ส้น และสามารถแยกชิน้ สว่ นออกจากกนั ได้ Outline เป็นการทางาน 2 ลกั ษณะไปพรอ้ ม ๆ กนั คือ เจาะวัตถุที่มีสีพน้ื ต่างกัน แตจ่ ะรวมวัตถุท่ีมี Minus Back สีเดียวกนั เขา้ ด้วยกนั และหลังจาก Merge แล้วเส้นของจะหายไป ตัดวตั ถุทอ่ี ยู่ด้านลา่ งใหม้ ีรูปทรงเหมอื นกับวัตถดุ า้ นบนซึ่งจะได้สขี องวัตถชุ ิ้นลา่ งและไมม่ ี เสน้ ขอบ เป็นการแบ่งเสน้ Path ของวัตถุทซ่ี ้อนทับกนั ออกเปน็ ท่อนๆ ตามจุดตดั ทุกจดุ พร้อมท้ัง นาสีพื้นของวัตถสุ ่วนน้ันๆ มาใชเ้ ป็นสเี สน้ และยกเลกิ สีพ้นื เดมิ โดยขนาดของเส้นจะถกู เปลีย่ นเป็น 0 เมอื่ ใชค้ าสง่ั แล้วจึงตอ้ งมาปรบั ขนาดของเส้นใหม่ ตัวอย่างการตัดภาพดว้ ย Minus Back ซึ่งจะเหน็ วา่ วตั ถชุ ิ้นบนถูกตัดท้ิงโดยใช้พ้นื ท่ีของ วัตถุชน้ิ ลา่ ง

89

90 ภำพตวั อยำ่ งกำรใชค้ ำสัง่ กลุ่ม Pathfider เพ่ิมเติม (Davide) จดั แบง่ พ้ืนที่วัตถุด้วยเสน้ Path ของวัตถุที่ซ้อนทับกนั ทัง้ หมด โดยท่สี ีพน้ื และสเี สน้ ของวัตถุแต่ละชน้ิ จะ ยังคงเดิม ตัวอย่างการตัดวัตถุด้วย Divide ซึ่งจะเห็นว่าเส้นขอบของตัวอักษรจะปรากฏขึ้นมาทับกันด้วยโดยเราสามารถ Ungroup วัตถอุ อกแลว้ แยกชน้ิ ส่วนออกจากกนั ได้ (ภาพขวา) (Trim) ตัดเจาะวัตถทุ ี่อยู่ดา้ นล่างด้วยรูปทรงของวตั ถุท่ีอยู่ดา้ นบน ผลลัพธ์ท่ไี ด้จะเป็นรปู ทรงเดมิ ที่มแี ตส่ ีพืน้ แต่ ไมม่ สี ีเส้น และสามารถแยกชิ้นสว่ นออกจากกันได้ ตวั อยา่ งการตัดวตั ถุด้วย Trim ซงึ่ จะเหน็ ว่าเสน้ ขอบของภาพจะหายไป และสามารถ Ungroup แลว้ แยก ชิน้ สว่ นออกจากกนั ได้ด้วย (Merge) เป็นการทางาน 2 ลักษณะไปพร้อมๆกันคือ เจาะวัตถุที่มีสีพ้ืนต่างกัน แต่จะรวมวตถุท่ีมีสีเดียวกัน เข้า ด้วยกัน และหลงั จาก Merge แล้วเสน้ ของจะหายไป ตัวอยา่ งการใช้ Merge จดั การกบั วัตถุท่ีซ้อนกัน ซ่งึ จะเห็นว่าวตั ถทุ มี่ สี ีเดยี วกันถูกรวมเป็นช้ินเดยี วซง่ึ เราสามารถ ใช้คาสง่ั Ungroup แลว้ แยกวัตถุเหล่าน้อี อกได้ทนั ที

91 (Crop) ตัดวตั ถุทอ่ี ย่ดู ้านล่างให้มรี ูปทรงเหมอื นกบั วัตถดุ า้ นบนซึง่ จะไดส้ ีของวัตถุช้นิ ลา่ งและไม่มเี ส้นขอบ ตวั อยา่ งการ Crop รูปทรง ซึ่งจะเหน็ วา่ ได้รูปทรงเชน่ เดยี วกับวตั ถชุ ิน้ บนแต่มสี ีเหมือนวัตถุช้ินล่าง (Outline) เป็นการแบ่งเส้น Path ของวัตถุท่ีซ้อนทับกันออกเป็นท่อนๆ ตามจุดตัดทุกจุด พร้อมท้ังนาสีพื้นของ วตั ถุสว่ นน้นั ๆ มาใช้เปน็ สเี ส้นและยกเลิกสีพื้นเดิม โดยขนาดของเสน้ จะถูกเปล่ยี นเป็น 0 เมื่อใชค้ าส่ังแลว้ จึงต้องมาปรับ ขนาดของเสน้ ใหม่ ตัวอยา่ งการใช้ปุ่มคาสง่ั Outline ซ่งึ จะเห็นวา่ ได้เสน้ ขอบเป็นสตี ามสพี ้นื เดิมแต่ส่วนทท่ี ับกนั จะเป็นสขี องวัตถุชิ้นบน (Minus Back) เป็นการตดั เจาะวัตถุที่อย่ดู า้ นบนด้วยรปู ทรงของวัตถุชนิ้ ท่อี ยู่ขา้ งลา่ ง และลบวตั ถทุ อ่ี ยู่ดา้ นลา่ ง ทงิ้ ตวั อย่างการตัดภาพดว้ ย Minus Back ซึ่งจะเหน็ ว่าวตั ถชุ นิ้ บนถูกตัดท้ิงโดยใช้พน้ื ที่ของวัตถุชน้ิ ลา่ ง

92 กำรตดั เจำะรูปทรงดว้ ย Compound Path Compound Path เป็นอีกหน่ึงคาสั่งที่ใช้ตัดเจาะรูปทรงท่ีซ้อนกัน โดยจะได้รูปแบบการตัดเจาะเหมือนกบั ปุ่ม (Exclude) บนพาเนล PATHFINDER แต่มีข้อดีตรงที่สามารถยกเลิกการตัดเจาะรูปทรงในภายหลังได้ด้วย แต่การใช้ปุ่มคาสั่งบนพาเนล PATHFINDER ไม่สามารถทาได้ วิธีการสร้าง Compound Path และการปรับแต่งต่าง ๆ สามารถทาได้ดงั น้ี 1. ใช้เครอ่ื งมือ (Selection Tool) คลิกเลอื กวตั ถทุ ่ีต้องการตัดเจาะ 2. คลิกเมนู Object > Compound Path > Make หรือกดปุ่ม <Ctrl+8> ก็จะได้รปู ทรงที่ถูกเจาะออกมา ดังภาพ ในกรณที ่ีตอ้ งการปรับแต่งขอบเขตการซ้อนทบั ของรปู ทรงก็สามารถทาได้โดยการใชค้ าสั่ง Isolate เพอื่ เข้าไป ทางานกบั รูปทรงก่อนการปรบั แตง่ 3. ใชเ้ คร่อื งมือ (Selection Tool) คลิกขวาบนภาพพร้อมกับเลือกคาสั่ง Isolate Selected Compound Path 4. ยา้ ยวัตถไุ ปยงั ตาแหน่งใหมห่ รือจัดตาแหนง่ ไดต้ ามตอ้ งการ 5. คลิกขวาแลว้ เลอื กคาสง่ั Exit Isolation Mode เพ่อื เขา้ สู่โหมดการทางานปกติ

93 แตถ่ ้าหากการปรับแต่งทั้งหมดเกิดความผิดพลาด เราสามารถยกเลิก Compound Path ได้ดงั น้ี 6. คลิกขวาบนวตั ถแุ ล้งเลอื กคาส่ัง Release Compound Path 7. รูปทรงจะถูกเปล่ียนเปน็ วัตถุปกติ 8. สามารถใส่สีหรอื เส้นขอบไดต้ ามปกติอีกคร้งั

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

95 การบันทกึ ไฟลต์ น้ ฉบบั นามสกุล .ai

96

97 การบันทกึ ดว้ ยคา้ ส่งั Save a Copy

98

99 การบันทกึ ดว้ ยคา้ ส่งั Export As

100