บทที่ 6 การสร้างภาพกราฟิก

157 แผนบริหารประจาบทที่ 6 หัวข้อเนอ้ื หาประจาบท 1. การสรา้ งไฟลง์ านใหม่ 2. การสร้างไฟล์งานใหมเ่ ปน็ Vector 3. หลักการใชง้ านเคร่อื งมอื Pen Tool เพ่ือการออกแบบ 4. ตัวอย่างผลงานสร้างหน้าคนดว้ ย Pen Tool 5. การบนั ทึกไฟลง์ าน วตั ถุประสงค์เชงิ พฤตกิ รรม 1. สามารถอธบิ ายการสร้างไฟล์งานใหม่ 2. สามารถอธบิ ายการสร้างไฟล์งานใหมเ่ ป็น Vector 3. สามารถอธิบายหลกั การใช้งานเครื่องมือ Pen Tool เพ่ือการออกแบบ 4. สามารถอธบิ ายและปฏิบัติการใชเ้ ครอื่ งมือจากตัวอย่างผลงานสร้างหน้าคนดว้ ย Pen Tool 5. สามารถอธบิ ายและปฏบิ ตั กิ ารบันทกึ ไฟลง์ าน วธิ กี ารสอน 1. บรรยายและสาธติ ด้วยคอมพิวเตอร์ 2. ใหผ้ ูเ้ รยี นปฏิบตั ติ ามจากการสาธติ ของผ้สู อนด้วยคอมพวิ เตอร์ 3. ใหผ้ ้เู รยี นซกั ถามข้อสงสยั ระหวา่ งการบรรยาย 4. ต้งั คาถามให้ผ้เู รียนตอบข้อซกั ถามระหวา่ งการบรรยายและสาธิต 5. มอบหมายแบบฝึกหัดเป็นการบา้ น สอื่ การสอน 1. เอกสารประกอบการสอนรายวิชาคอมพวิ เตอรเ์ พือ่ การสอื่ สารงานออกแบบ 2. โปรแกรมพ้ืนฐานทางการออกแบบ 2 โปรแกรม คือ Adobe Photoshop และ Adobe Illustrator 3. คอมพิวเตอร์และชดุ ประกอบการนาเสนอ การวดั ผลและประเมนิ ผล 1. ประเมนิ จากความสนใจและต้ังใจเรียน 2. ประเมนิ จากการอภิปรายรว่ มกันของแตล่ ะกลมุ่ 3. ประเมินความเขา้ ใจจากการตอบข้อซักถาม 4. ประเมนิ จากการตรวจแบบฝกึ หดั

158

159 บทที่ 6 การสรา้ งภาพกราฟิกด้วยโปรแกรม Adobe Illustrator อย่างท่ีทราบกันดีว่าโปรแกรม Adobe Illustrator เป็นโปรแกรมสาหรับการออกแบบด้วย คอมพิวเตอร์กราฟิก และเป็นที่ยอมรับและนิยมใช้ในการออกแบบสร้างสรรค์งานเพื่อตอบสนองความ ต้องการในด้านต่าง ๆ ของมนุษย์ในสังคม เช่น การออกแบบท่ีเน้นด้านธุรกิจ การพาณิชย์ จะเรียกว่าการ ออกแบบพาณชิ ยศ์ ิลป์ ถ้าออกแบบเน้นการสร้างสรรค์สื่อในการสื่อความหมาย จะเรียกว่างานออกแบบทัศ นสื่อสาร (ศมลพรรณ ภูเ่ ลก็ , 2560, 127) ปัจจุบันโปรแกรม Adobe Illustrator มีการพัฒนาเปล่ียนแปลง มาอย่างต่อเนื่อง และท่ีเปล่ียนแปลงชัดเจนที่สุดคือ โปรแกรม Adobe Illustrator เวอร์ช่ัน CS6 และ CC เพราะเรมิ่ ตน้ เปล่ียนแปลงต้ังแตห่ น้าตาของโปรแกรม คาส่ังและเครื่องมือที่ทันสมัยใช้งานง่ายขึ้น ผนวกกับ การเปล่ียนแปลงในคร้ังนี้ เป็นการจัดทาให้รองรับใช้งานได้กับ Font DB Helvethaica X ซ่ึงเป็นแบบ ตัวอกั ษรท่ีได้รับการออกแบบใหม่ในการออกแบบโดยเฉพาะ (ธนัชสร จติ ต์เน่ือง, 2556, 1) การสรา้ งไฟลง์ านใหม่ โปรแกรม Adobe Illustrator มักจะถูกมองวา่ ใชง้ านยาก มีหลายขัน้ ตอน ผู้ใช้มอื ใหม่อาจสงสัยว่า จะทาได้หรอื ไม่ได้ ผู้ใช้มือใหม่สามารถทดลองใช้งานโปรแกรม Adobe Illustrator ก่อนทาการดาวน์โหลด โปรแกรม Adobe Illustrator ลงคอมพิวเตอร์ของท่าน จากแผ่นโปรแกรม Adobe Illustrator ท่ีท่านมี เพื่อช่วยให้เข้าใจการทางานแบบคร่าว ๆ ก่อนได้ ในบทน้ีเราจะมาทาความรู้จักกับโปรแกรม Adobe Illustrator เวอรช์ นั่ CC อยา่ งทกี่ ล่าวไปขา้ งตน้ สิ่งที่เปลี่ยนแปลงชัดเจนที่สุดคือ ส่วนประกอบของหน้าจอ โปรแกรม Adobe Illustrator หรือที่เรียกว่า Interface ปรับรูปโฉมให้สะอาดตา จัดหมวดหมู่เครื่องมือ เป็นกลุ่ม แบ่งพื้นท่ีการทางานหรือ Workspace ออกตามรูปแบบการทางานท่ีหลากหลายมากย่ิงขึ้น (รติบดี สิทธิปัญญา, 2557, 150) การสร้างไฟลง์ านใหม่ เป็นการเปดิ พน้ื ท่ีทางานของอาร์ตบอร์ดว่างๆ ขึ้นมา โดยโปรแกรมจะให้เรา กาหนดรายละเอียดลงไป ซ่ึงสามารถทาได้โดยการคลิกเมาส์ไปท่ีเมนูบาร์ File > New จะมีหน้าต่าง New Document ปรากฏขึ้น จากนั้นทาการกาหนดค่าของพื้นท่ีทางานตามการใช้งาน พื้นท่ีการทางานหรือ Workspace ผู้ใช้ความเลือกใช้ให้เหมาะสมกับการทางานด้วย พ้ืนที่การทางานหรือ Workspace ก็ เปรียบเสมือนโต๊ะที่มีกระดาษสีขาวและเครื่องมือต่าง ๆ วางอยู่ การจัดวางเคร่ืองมือให้อยู่ในตาแหน่งท่ี เหมาะสมจะช่วยให้หยิบจับเคร่ืองมือมาใช้งานได้อย่างสะดวกและรวดเร็วข้ึน ส่วนเครื่องมือท่ีเราไม่ได้ใช้ งาน ควรเก็บให้เป็นระเบียบ (เฉลิมศักด์ิ บุตรวิเศษ, 2560, 18) โปรแกรม Adobe Illustrator มีพื้นที่การ ทางานหรอื Workspace ใหเ้ ลือกใชต้ ามรูปแบบการทางานมากมาย ทั้งเปิดโอกาสให้ผู้ใช้ปรับแต่งพ้ืนที่เอง ตามความถนัดอีกด้วย (วสนั ต์ พ่ึงพลู ผล, 2558, 16)

160 ภาพที่ 6.1 แสดงภาพการเลอื กคาสัง่ พ้ืนทก่ี ารทางานหรือ Workspace ท่ีมา : (ตวงรัก รตั นพนั ธ,์ุ 2559) ภาพท่ี 6.1 เป็นภาพการเลอื กรปู แบบพ้ืนท่ที างาน ซงึ่ โดยปกตเิ มอ่ื ผูใ้ ช้กาหนดคาส่ังขนาดของอาร์ต บอร์ดแล้ว โปรแกรม Adobe Illustrator จะทาการระบุรูปพื้นที่การทางานเป็น Automation เองโดย อัตโนมัติ โปรแกรมมีรูปแบบการทางานให้เลือกมากมาย เช่น Essentials จะเป็นรูปแบบการซ่อนแถบ คอนโทรลบารไ์ ว้ช่วั คราว ภาพท่ี 6.2 แสดงภาพการเลือกคาสงั่ เพ่ือสรา้ งไฟล์งานใหม่ ที่มา : (ตวงรัก รัตนพนั ธุ์, 2559)

161 ภาพท่ี 6.2 เป็นภาพวิธีการขอหน้ากระดาษเพื่อสรา้ งไฟลง์ านจากคาส่งั Menu Bar โดยไปท่ี File >New โปรแกรม Adobe Illustrator จะปรากฏหน้าตา่ ง New Document มาให้ ภาพที่ 6.2 แสดงภาพการสรา้ งไฟลง์ านใหม่ ที่มา : (ตวงรกั รัตนพันธุ์, 2559) ภาพที่ 6.3 เป็นภาพหน้าต่าง New Document ท่ีมีรายละเอียดของรูปแบบของหน้ากระดาษที่ ผู้ใช้ต้องการ ได้แก่ รูปแบบกระดาษ การตั้งช่ือไฟล์งาน การกาหนดความกว้างและความยาวของ หน้ากระดาษ และการเลือกโหมดสีที่ใช้ในการทางาน ในกรณีท่ีผู้ใช้สร้างงานส่ิงพิมพ์ เช่น โปสเตอร์ แผ่น พับ หรือการจัดหน้าหนังสือ นิตยสาร สามารถระบุระยะตัดตกได้เลยตามต้องการ จากน้ันคลิก Create เพือ่ ยนื ยนั การตั้งค่า

162 ภาพท่ี 6.3 แสดงภาพพ้ืนที่ทางานขนาด A4 ทีม่ า : (ตวงรัก รัตนพนั ธุ์, 2559) ภาพที่ 6.3 เป็นภาพหน้ากระดาษหรือพ้นื ท่ีทางานที่โปรแกรม Adobe Illustrator ปรากฏให้ จาก การที่ผู้ใช้ได้กาหนดค่าใน New Document การสรา้ งไฟล์งานใหม่เปน็ Vector ภาพเวกเตอร์ (Vector) เป็นภาพที่เกิดจากการคานวณของเรขาคณิตหรือท่ีเรียกง่าย ๆ คือ รูปที่ เราวาดเองบนคอมพิวเตอร์ โดยใช้โปรแกรม Adobe Illustrator ,Freehand, CorelDraw เป็นต้น ภาพ เวกเตอร์เป็นภาพท่ีมีลักษณะที่อิสระจากการสร้างใหม่ โดยแยกช้ินส่วนของภาพทั้งหมดออกเป็นเส้น รูปทรง โดยอ้างอิงตามความสัมพันธ์ทางคณิตศาสตร์ หรืออาศัยการคานวณทางคณิตศาสตร์ โดยมีสีและ ตาแหน่งของสีที่แน่นอน ฉะนนั้ ไม่ว่าจะมกี ารเคลอ่ื นยา้ ย หรือย่อขยายขนาดภาพ ก็จะไม่เกิดความเสียหาย ในรูปทรงหรือสีสัน ความละเอียดของภาพไม่ลดลง จึงทาให้ภาพยังคงชัดเจนเหมือนเดิม ภาพเวกเตอร์มี ขอ้ ดีที่สุด คอื การขยายไฟล์งานมากเท่าไรก็ไม่มีทางแตก แต่ท้ังนี้ต้องขึ้นอยู่กับการทางานของคอมพิวเตอร์ ด้วยว่าจะรับไหวหรือไม่ การประมวลผลของภาพเวกเตอร์จะระบุสกุลไฟล์ดังน้ี AI, DRW, EPS, PS ซึ่ง โปรแกรมท่ีใช้วาดภาพนั้นมีมาหมายหลายโปรแกรม ดังน้ัน ภาพเวกเตอร์ (Vector) ก็ไม่สามารถเปิดไฟล์ งานได้ทุกโปรแกรมจะต้องเป็นโปรแกรมเฉพาะของสกุลไฟล์นั้น ๆ ซึ่งจะแตกต่างกับภาพท่ีเป็นสกุลไฟล์ JEPG (รติบดี สทิ ธปิ ญั ญา, 2557, 152-153)

163 1. การเปลยี่ น Raster เปน็ Vector ด้วยเครือ่ งมอื Image Trace เปน็ ที่รู้กันแล้วว่าโปรแกรม Adobe Illustrator เป็นโปรแกรมสาหรับทางานกราฟิกชนิด Vector ซึ่งจะต่างจาก โปรแกรม Adobe Photoshop ที่จะทางานกราฟิกชนิด Bitmap ในโปรแกรม Adobe Illustrator มีวิธีง่ายๆ ท่ีเราจะสามารถนาภาพถ่ายธรรมดามาแปลงค่าให้เป็น Vector เพื่อให้การนาไปใช้ งานต่อน้ันมีความยืดหยุ่น คือ สามารถย่อและขยายไฟล์งานได้โดยไม่แตก น้ันคือการเปล่ียน Raster เป็น Vector ด้วยเคร่ืองมือ Image Trace ซึ่งจะปรากฏตรงเมนูบาร์ด้านบนเม่ือเราเปิดรูปภาพท่ีเป็น Bitmap (เฉลมิ ศักดิ์ บุตรวิเศษ, 2561, 59) ภาพท่ี 6.4 แสดงภาพการเปล่ียน Raster เป็น Vector ดว้ ยเครอื่ งมือ Image Trace ทม่ี า : (ตวงรัก รตั นพนั ธุ์, 2559) ภาพที่ 6.4 ภาพแสดงผลลัพธ์ท่ีได้จาการใช้คาสั่งเคร่ืองมือ Image Trace โดยทาการคลิกเลือก ภาพที่ต้องการ คลิกคาสั่งเครื่องมือ Image Trace ถ้าไฟล์ภาพมีขนาดใหญ่โปรแกรมจะใช้เวลาคานวณสัก พกั เมอื่ รปู ภาพเปล่ยี นเป็นเวกเตอร์ ให้ทาการคลกิ Expand เพือ่ นให้ภาพกลายเปน็ เวกเตอรโ์ ดยสมบรู ณ์

164 หลักการใชง้ านเครอื่ งมือ Pen Tool เพ่อื การออกแบบ การใช้ Pen Tool เป็นเร่ืองไมย่ ากและกไ็ มง่ ่าย เพราะ Pen Tool จะมี Handle หรือในภาษาของ นกั ออกแบบจะเรียกวา่ แขน ใช้สาหรับปรบั แต่งใหเ้ ส้นโค้งได้ตามต้องการ Pen Tool ถือเป็นเคร่ืองมือยอด ฮิต ในรูปแบบของปากกาท่ีใช้วาดหรือดราฟเส้นตามภาพต้นฉบับคล้ายๆ Pen Tool ของ Adobe Photoshop แตใ่ น Adobe Illustrator ตัวเส้นท่ีเราสร้างขึ้นนั้น เราสามารถวาดให้ตรงหรือมีความโค้งมน ได้ในคราเดยี วกนั หลงั วาดเสรจ็ กย็ งั สามารถแกไ้ ขความโคง้ หรือยกเลกิ ความโคง้ เปลี่ยนใหเ้ ปน็ เส้นตรงได้ 1. การกาหนดทศิ ทางเพื่อสรา้ งงานด้วยเคร่ืองมือ Pen Tool การดราฟ (Draft) คือ การวาดภาพโดยใช้ไฟล์ภาพต้นฉบับเป็นแบบร่างและสร้างภาพกราฟิก ขึน้ มา เปรยี บเสมือนการใชก้ ระดาษลอกลายวางบนรปู ภาพและทาการลอกลายภาพท่ีได้ก็จะใกล้เคียงความ จริง โปรแกรม Adobe Illustrator ถือเป็นโปรแกรมท่ีดีท่ีสุดและเหมาะสมท่ีสุดในการดราฟรูปภาพ (รติบดี สทิ ธปิ ญั ญา, 2557, 154) ภาพท่ี 6.5 แสดงภาพ Pen Tool บน Tools Box ท่มี า : (ตวงรัก รัตนพันธ์ุ, 2559) ภาพที่ 6.5 เคร่ืองมือ Pen Tool จะอยู่ตรง Tools Box ด้านซ้ายมือของโปรแกรม Pen Tool จะ มีลักษณะเป็นปากกา เม่ือเราคลิกที่สามเหล่ียมมุมล่างของ Pen Tool จะปรากฏไอคอนคาสั่งการทางาน ภายใต้ Pen Tool อีก 3 ไอคอน ได้แก่ Add Anchor Point Tool เป็นการเพ่ิมจุดใน Pen Tool ให้ สามารถหักและดัดมุมโค้งของเส้นได้ Delete Anchor Point Tool เป็นการลดจุดใน Pen Tool ให้เป็น เส้นตรง Anchor Point Tool เปน็ การหักหรือตัด Handle ใน Pen Tool ออก เคร่ืองมือ Pen Tool เป็น เคร่อื งมอื ทีใ่ ช้สร้างเส้น ไม่ว่าจะเปน็ เส้นโค้ง เส้นตรง หรอื เส้นหกั มุม

165 ภาพที่ 6.6 แสดงการสรา้ งเส้นตรงด้วยเครื่องมือ Pen Tool ทมี่ า : (ตวงรกั รัตนพนั ธ์ุ, 2558) ภาพท่ี 6.6 เปน็ ภาพวธิ ีการสร้างเส้นตรงดว้ ยเครอ่ื งมอื Pen Tool วิธีการใหผ้ ใู้ ชค้ ลิกท่ีเคร่ืองมือ Pen Tool แลว้ ใช้เมาสค์ ลิกจาก จดุ ท่ี 1 ไปยังจุดที่ 2 โดยกด Shift ท่ีคีย์บอรด์ คา้ งไว้ จากนน้ั ปลอ่ ยเมาส์ จะได้เสน้ ตรง เม่อื เสร็จส้ินให้คลกิ บนพน้ื ทว่ี ่างหรือคลิก Selection Tool ภาพที่ 6.7 แสดงการสร้างเสน้ โค้งด้วยเคร่อื งมอื Pen Tool ที่มา : (ตวงรัก รตั นพนั ธ์ุ, 2558) ภาพที่ 6.7 เปน็ ภาพวธิ กี ารสร้างเส้นโค้งโดยใช้เครื่องมือ Pen Tool วิธีการให้ผู้ใช้คลิกที่เคร่ืองมือ Pen Tool แล้วใช้เมาส์คลิกจาก จุดท่ี 1 ไปยังจุดท่ี 2 โดยบังคับข้อมือด้านที่จับเมาส์ให้โค้งตามความ ต้องการของผู้ใช้ จากน้ันปล่อยเมาส์จะได้เส้นโค้ง เมื่อเสร็จสิ้นให้คลิกบนพื้นที่ว่างหรือคลิก Selection Tool

166 เราสามารถใช้งาน Pen Tool ควบคู่กับเครื่องอ่ืนบน Tools Box ได้ ในกรณีนี้จะยกตัวอย่างการ สร้าง Vector เป็นรูปพระอาทิตย์ ด้วย Pen Tool ควบคู่กับเคร่ืองมือ Ellipse Tool สร้างวงกลม มาตรฐาน และเลอื ก Star Tool สร้างรศั มมี าตรฐาน ภาพที่ 6.8 แสดงการใชง้ านเครอื่ งมือ Ellipse Tool สรา้ งวงกลมมาตรฐาน ที่มา : (ตวงรัก รตั นพนั ธุ์, 2559) ภาพที่ 6.8 เป็นภาพวธิ ีการใช้เคร่ืองมือ Pen Tool ควบคู่กับเคร่ืองมือ Ellipse Tool สร้างวงกลม มาตรฐาน ผู้ใช้คลิกที่ เคร่ืองมือ Ellipse Tool จากน้ันทาการลากเมาส์บนอาร์ตบอร์ด จะได้วงกลมตาม ตอ้ งการ ภาพที่ 6.9 แสดงการใชง้ านเครอ่ื งมือ Star Tool สร้างรัศมีมาตรฐาน ทมี่ า : (ตวงรัก รัตนพันธ์ุ, 2559) ภาพท่ี 6.9 จากนั้นเลือก Star Tool สร้างรัศมีมาตรฐาน จะปรากฏหน้าต่างให้กาหนดรัศมีท่ี ต้องการ โดยการพมิ พ์ตัวเลขลงไปในชอ่ งสขี าว จะไดร้ ัศมขี องดาวตามต้องการ เลือ่ นรศั มีให้ทับกบั วงกลม

167 ภาพที่ 6.10 แสดงการใชง้ านเครือ่ งมือ Pen Tool ลากรศั มีดวงอาทิตย์ ทม่ี า : (ตวงรัก รัตนพนั ธ์ุ, 2559) ภาพท่ี 6.10 จากนัน้ ใช้ Pen Tool ลากตามรอยรศั มขี องดาวและปรับเส้นให้โค้งเพื่อความสวยงาม ไปเร่ือย ๆ จนรอบรัศมที ่กี าหนดไว้ ภาพที่ 6.11 แสดงผลลัพธ์การใชง้ านเครื่องมือ Pen Tool ลากรศั มีดวงอาทติ ย์ ทีม่ า : (ตวงรัก รัตนพนั ธ์ุ, 2559) ภาพที่ 6.11 เมื่อได้รัศมีที่โค้งตามต้องการแล้ว ให้ Copy โดยการกด Ctrl+C และ Ctrl+V และ ปรับแตง่ รัศมีให้สวยงามตามตอ้ งการ

168 ภาพที่ 6.12 แสดงการเลือกสจี าก Swatches ไดต้ ามเหมาะสม ท่ีมา : (ตวงรัก รัตนพันธ์ุ, 2559) ภาพที่ 6.12 จากนนั้ เลอื กสีจาก Swatches ไดต้ ามต้องการ โดย Swatches จะอยู่ทางขวามือของ โปรแกรม ในภาพตัวอยา่ งเลือกใช้ สเี หลอื งและสสี ้ม โดยตรงกลางใช้เครอ่ื งมอื Gradient ไลส่ ีด้านใน ภาพที่ 6.13 แสดงการเลอื กตกแต่งหน้าตาด้วย Stroke ทม่ี า : (ตวงรัก รัตนพันธ์ุ, 2559) ภาพท่ี 6.13 สามารถตกแต่งเพิ่มเติมหน้าตาด้วยการวาดเส้นเป็นรูป ค้ิว ตา ปาก ด้วย Pen tool และปรับรูปแบบเส้นท่ีวาดด้วย Stroke ซึ่งจะอยู่ใน Panel ด้านขวามือหรือ Menu bar ด้านบน ซึ่งตรง เมนบู ารด์ า้ นบนจะมีรปู แบบของเสน้ ให้เลอื กหลายหลายรปู ตามความเหมาะสม

169 ภาพท่ี 6.14 แสดงภาพดวงอาทิตยท์ ีเ่ สร็จสมบูรณ์ ทมี่ า : (ตวงรกั รตั นพนั ธุ์, 2559) ภาพที่ 6.14เปน็ ภาพกราฟกิ รูปดวงอาทิตย์ที่เสรจ็ สมบรู ณ์ สามารถนาไปใช้งานได้หลากหลาย เช่น ภาพประกอบในหนงั สอื นทิ าน เปน็ ตน้ 2. การควบคมุ ปากกาหรอื เครื่องมือ Pen Tool การควบคุมปากกาหรือ Pen Tool ให้ดราฟดัดเส้นโค้งเป็นส่ิงสาคัญ ในกรณีสาหรับคนที่เพ่ิง เรม่ิ ต้นใชง้ านอาจจะทาใหร้ ู้สกึ ควบคมุ เมาส์ได้ยาก แต่ถ้าได้ฝึกฝนบ่อยๆ ความยากน้ันก็จะหายไป กลับเป็น ความรสู้ กึ งา่ ยนิดเดยี ว เพราะเราสามารถควบคุมเมาส์ในการกาหนดทิศทางของ Pen Tool ได้ตามต้องการ วิธีการต่อไปจะเป็นการเครื่องมือ Pen Tool ที่ยากขึ้นไปอีกข้ันหนึ่ง แต่ผู้ใช้มือใหม่ก็สามารถปฏิบัติได้ไม่ ยาก โดยสาธิตการใช้งาน Pen Tool เพ่ือดราฟหน้าคนแบบง่าย โดยจะใช้งานควบคู่กับเส้น Stroke เป็น หลัก สามารถทาได้โดยเลือกรูปภาพท่ีต้องการนามาวางบนอาร์ตบอร์ดใหม่ ต้ังค่าโหมดสีเป็น CMYK หรือ RGB ก็ได้ เนื่องจากการใช้งาน Pen Tool เพื่อดราฟหน้าคนนี้เราจะใช้การลงสีในชิ้นงานเพียงสีเดียว จากนน้ั ทาการกด Ctrl+2 ที่แป้นคีย์บอร์ด เพื่อเป็นการล็อคงานต้นฉบับไม่ให้เคลื่อนย้ายขณะทาการดราฟ ชนิ้ งานตน้ แบบ จากน้นั กท็ าการดราฟดว้ ยเคร่อื งมือ Pen Tool ไดเ้ ลย เมื่อดราฟหน้าคนด้วยเครื่องมือ Pen Tool เสร็จส้ินแล้ว เราสามารถเปลี่ยนเส้นเป็นพื้นได้ โดยการเข้าไปเมนูบาร์ Edit > Path > Outline Stroke จะทาที่ละเส้นหรือคลิกรวมกันหลายเส้นก็ได้ แล้วแตค่ วามเหมาะสม

170 ภาพที่ 6.15 แสดงภาพการใช้งาน Pen Tool เพ่ือดราฟหน้าคน ที่มา : (ตวงรัก รตั นพันธุ์, 2559) ภาพที่ 6.15 แสดงวิธีการดราฟหน้าคน เริ่มจากเลือกรูปภาพท่ีต้องการนามาวางบนอาร์ตบอร์ด ใหม่ จากนั้นทาการกด Ctrl+2 ท่ีแป้นคีย์บอร์ด เพื่อเป็นการล็อคงานต้นฉบับไม่ให้เคลื่อนย้ายขณะทาการ ดราฟชนิ้ งานตน้ แบบ จากนั้นกท็ าการดราฟดว้ ยเครอ่ื งมือ Pen Tool ได้เลย ภาพที่ 6.16 แสดงภาพการเลือกใชค้ าส่ัง Stroke ท่ีมา : (ตวงรัก รตั นพนั ธ์ุ, 2559) ภาพที่ 6.16 เราสามารถเปลี่ยนเส้นเป็นพื้นได้ โดยการเข้าไปเมนูบาร์ Edit > Path > Outline Stroke จะทาทล่ี ะเส้นหรอื คลิกรวมกันหลายเส้นกไ็ ด้แลว้ แต่ความเหมาะสม

171 ภาพที่ 6.17 แสดงภาพการเลือกช้นิ งานในอารต์ บอรด์ แบบ Vector ท่ีมา : (ตวงรัก รตั นพนั ธุ์, 2559) ภาพที่ 6.17 เม่ือทาการดราฟหน้าคนเสรจ็ แล้ว ให้ลบต้นฉบับภาพคนที่เป็น JEPG ออกไป แล้วกด Ctrl+A เพื่อตรวจความเรียบร้อยว่าเส้นท่ีดราฟเปน็ Vector ครบทุกเส้นหรอื ไม่ ถา้ ทุกเส้นเปน็ Vector เส้น ที่ทางานจะปรากฏร่องรอย Vector สีฟ้า ตามตัวอยา่ ง ภาพที่ 6.18 แสดงการเปรยี บเทยี บภาพ Bitmap และ Vector ที่มา : (ตวงรัก รัตนพนั ธุ์, 2559)

172 3. ตัวอยา่ งผลงานการสร้างหน้าคนดว้ ยเครื่องมือ Pen Tool เม่อื ผ้ใู ชท้ าการฝกึ ฝนและเริ่มชานาญกบั การใชเ้ ครื่องมือ Pen tool แล้วน้ัน จะเห็นได้ว่าการดราฟ งานจากภาพต้นฉบับต่าง ๆ ไม่ได้ยากอย่างที่เราคิด ผลงานการดราฟน้ันจะอยากมาสวยงามหรือเหมือน ต้นฉบับจริงมากน้อยเพียงใด ขึ้นอยู่กับประสบการณ์ความชานาญของผู้ฝึกฝน ตัวอย่างผลงานการสร้าง หน้าคนด้วยเครื่องมือ Pen Tool จะแสดงให้เห็นถึงความยากง่ายตรงการดราฟใบหน้าและรูปลักษณ์ หน้าตาของคนแตล่ ะช่วงวัย เพศชาย เพศหญงิ เดก็ เลก็ วัยรนุ่ เปน็ ตน้ ภาพที่ 6.19 แสดงภาพผลงานสรา้ งหนา้ คนดว้ ย Pen Tool ทีม่ า : (ณัฐณิชา สิทธกิ าร, 2559) ภาพท่ี 6.20 แสดงภาพผลงานสร้างหน้าคนดว้ ย Pen Tool ทีม่ า : (ตวงรัก รัตนพันธุ์, 2559)

173 ภาพท่ี 6.21 แสดงภาพผลงานสร้างหน้าคนดว้ ย Pen Tool ทีม่ า : (ตวงรัก รัตนพันธ์ุ, 2559) ภาพท่ี 6.22 แสดงภาพผลงานสรา้ งหนา้ คนด้วย Pen Tool ที่มา : (ตวงรกั รัตนพันธุ์, 2559)

174 การบนั ทึกไฟล์งาน ในระหวา่ งทก่ี าลงั ทางานอยู่ ผู้ใช้ควรบันทึกไฟล์งานเป็นระยะๆ เพื่อป้องกันเหตุสุดวิสัย เช่นไฟดับ ไฟตก หรือโปรแกรมเออเร่อแล้วปิดตัวเอง ถ้าเป็นเช่นน้ันก็จะทาให้ไฟล์งานที่ทามาท้ังหมดหายไปทันที ดังนั้นเมื่อสร้างไฟล์งานแล้วก็ควรบันทึกเป็นสกุล AI ก่อน เพื่อเป็นไฟล์ต้นฉบับหากผู้ใช้ต้องการกลับมา แก้ไขไฟล์งานใหม่ จากนั้นค่อยแยกว่าจะบันทึกเพ่ือนาไปใช้อะไรต่ออีกครั้งหนึ่ง แรกเร่ิมจะต้องบันทึกไฟล์ งานเป็น Adobe Illustrator (AI) ซึ่งเป็นสกุลไฟล์หลักของโปรแกรม โดยจะยังคงค่าสีและรูปแบบการ ทางานทผ่ี ใู้ ช้ไดท้ าการต้งั ค่าไว้ทง้ั หมด ภาพท่ี 6.23 แสดงภาพการบันทึกไฟลง์ านเป็น Adobe Illustrator (AI) ท่ีมา : (ตวงรกั รตั นพันธ์ุ, 2559) ภาพท่ี 6.23 แสดงวิธีการบันทึกไฟล์งาน โดยการไปท่ีเมนูบาร์ด้านบนของโปรแกรม File > Save จากนั้นจะปรากฏหน้าต่างของไดร์ทในคอมพิวเตอร์ ให้ผู้ใช้เลือกไดร์ทท่ีต้องการจะเก็บไฟล์งาน ทาการ เปล่ยี นช่อื งาน เลือกสกลุ ไฟล์เป็น Adobe Illustrator (AI) แล้วคลกิ ปมุ่ Save

175 ภาพที่ 6.24 แสดงภาพการบันทกึ ไฟล์งานเปน็ Adobe Illustrator (AI) ท่มี า : (ตวงรัก รตั นพนั ธุ์, 2559) ภาพท่ี 6.24 เม่ือกด Save แล้ว จะปรากฏหน้าต่างโปรแกรม Illustrator Options โปรแกรม ต้องการให้เราเลือกเวอร์ช่ันที่จะบันทึก แนะนาให้เลือกเวอร์ชั่นล่าสุดที่เราใช้งานอยู่ในขณะน้ัน นอกเสีย จากผู้ใช้ต้องการจะไปเปิดไฟล์งานใหม่กับคอมพิวเตอร์เครื่องอ่ืนท่ีใช้ Adobe Illustrator ในเวอร์ชั่นที่ต่า กว่า ก็ให้เลือกเวอร์ช่ันตามคอมพิวเตอร์เครื่องนั้น ๆ จากนั้นคลิกปุ่ม Ok ถือเป็นการบันทึกไฟล์งานท่ีเสร็จ สมบรู ณ์

176 สรุป การเรียนรู้การจดั การพนื้ ท่ีการทางานของอาร์ตบอร์ด ในโปรแกรม Adobe Illustrator รวมไปถึง การตั้งค่าพาเนลต่าง ๆ เพ่ือให้สะดวกต่อผู้ใช้ การเรียนรู้เร่ืองการสร้างภาพกราฟิกแบบง่ายด้วย Adobe Illustrator จะเป็นการสร้างความสุขในการทางาน ผู้ใช้จะเห็นได้ว่า Pen Tool ถือเป็นเคร่ืองมือท่ีใช้งาน บ่อยท่ีสุดในการสร้างสรรค์ผลงานกราฟิกแต่ละชิ้น Pen Tool สามารถสร้างจุด เส้น รูปร่างรูปทรง ได้ ตามที่ผู้ใช้ต้องการ หน้าที่หลักสาคัญของ Pen Tool คือ การวาดภาพกราฟิก หรือการดราฟต์งานหรือ ภาพเหมือนจริง เช่น คน รถ วัตถุ และสิ่งของต่าง ๆ เป็นต้น อีกทั้งยังใช้ในการออกแบบ สื่อหลาย ๆ ประเภท ถ้าใช้ควบคู่ไปกับเคร่ืองมือตัวอ่ืน ๆ ใน Adobe Illustrator เช่น ออกแบบโลโก้ นามบัตร หัว จดหมาย ซองจดหมาย โบรชัวส์ หรือแม้แต่อินโฟกราฟิกท้ัง 2 มิติ และ 3 มิติ ที่กาลังเป็นท่ีนิยมในขณะน้ี จากการเรียนรู้ทั้งหมดของบทน้ี จะเห็นได้ว่า Adobe Illustrator นั้นไม่ยากอย่างที่คิดไว้ เพียงแค่ผู้ใช้งาน มีใจอยากจะทดลองลูกเล่นหรือคาส่ังใหม่ ๆ ที่ซ้อนลึกอยู่ในเมนูบาร์ ก็จะทาให้ Adobe Illustrator เป็น โปรแกรมทส่ี ามารถเรยี นรูไ้ ดอ้ ยา่ งไปไม่ร้จู บ

177 แบบฝึกหดั ท้ายบทที่ 6 จงตอบคาถามต่อไปน้ี 1. จงอธิบายการสรา้ งไฟลง์ านใหมเ่ ปน็ Vector 2. จงอธิบายหลกั การใชง้ านเครอ่ื งมือ Pen Tool เพอื่ การออกแบบ

178 อา้ งองิ ทา้ ยบทท่ี 6 เฉลิมศักดิ์ บุตรวิเศษ. (2561) .สุดยอดเคล็ดลับอัพสกิล Illustrator. กรุงเทพมหานคร : บริษัท ซีเอ็ด ยูเคชน่ั จากัด (มหาชน) ธนัชสร จิตต์เนื่อง. (2556). ค่มู อื ใช้งาน Illustrator CS6 . กรุงเทพมหานคร : บริษทั สวสั ดี ไอที จากดั รติบดี สิทธิปัญญา. (2557). การผลิตสื่อสิ่งพิมพ์ด้วยคอมพิวเตอร์. สาขานิเทศศาสตร์ คณะวิทยาการ จดั การ มหาวิทยาลัยราชภฏั นครสวรรค์ วสันต์ พึง่ พูลผล. (2558). Professional Guide Illustrator CC. นนทบรุ ี : บรษิ ัท ไอดีซี พรีเมียร์ จากดั ศมลพรรณ ภูเ่ ล็ก. (2560). คอมพิวเตอร์กราฟกิ . คณะมนุษยศาสตรแ์ ละสงั คมศาสตร์ มหาวทิ ยาลัยราชภัฏ นครสวรรค์