การใช้งานโปรแกรม Adobe Illustrator

คำนำหนงั สอื เรอ่ื งน้เี อำไวใ้ ช้ในกำรสอนเกยี่ วกำรใชโ้ ปรแกรม Adobe Illustratorเบ้อื งต้น ถำ้ ผิดผลำดปรพกำรใดขอประทำนโทษดว้ ยนะครับ นำย เจษฎำพร เสอื อนิ ทร์

การใช้งานโปรแกรม Adobe IllustratorAdobe Illustrator เปน็ โปรแกรมที่ใชก้ ันอยา่ งแพร่หลายในการออกแบบกราฟิก โดยทโ่ี ปรแกรมนีม้ ักจะนาไปใช้สาหรบั การวาดภาพ หรอื การออกแบบสัญลกั ษณ์ เน่อื งจากเป็นโปรมแกรมท่ีท างานดว้ ยระบบ Vector ซึง่เป็นการสรา้ งภาพกราฟิกจากการค านวณของโปรแกรม โดยไม่จ าเปน็ ตอ้ งก าหนดความละเอียดของภาพทาให้รปู ภาพที่วาดจากโปรแกรมนมี้ ีความคมชดั สวยงาม และยังสามารถปรับเปล่ยี นขนาดได้หลายคร้งั โดยท่คี ุณภาพของภาพยังคงเดมิเข้าโปรแกรม Adobe Illustrator หรือเมื่อสรา้ งไฟลใ์ หมด่ ว้ ยการคลิกที่เมนู File>New จะปรากฏหน้าตาของโปรแกรมดังนี้ 1. แถบคาสง่ั (Menu Bar) 2. แถบควบคุม(Control Bar) 3. แถบแครือ่ งมือ (Tool Box) 4. จานเคร่ืองมอื ตา่ งๆ (Palette) 5. พ้นื ทที่ างาน (Art Board)

แถบคาสั่ง (Manu Bar) เปน็ เมนูคาส่ังหลกั โปรแกรม แบ่งออกเปน็ หมวดหม่ตู า่ งๆ ดงั นี้File: เปน็ หมวดของคาส่ังท่ีจดั การเกี่ยวกับไฟลแ์ ละโปรแกรมท้งั หมด ไมว่ า่ จะเปน็ การ เปดิ -ปิดไฟลก์ ารบันทกึ ไฟลก์ ารน าภาพเข้ามาใช้(Place) ตลอดจนการออกจากโปรแกรม (Exit)Edit: เปน็ หมวดของคาสง่ั ทีจ่ ัดการแกไ้ ข เชน่ Undo Cut Copy Paste Select รวมทั้งการกาหนดคณุ สมบัติ ต่างๆ ทมี่ ีผลต่อการปรับแต่งภาพด้วย เชน่ การสรา้ งรูปแบบ (Define Pattern)การกาหนดคา่ สี(Color Setting) เปน็ ต้นType: เปน็ หมวดของคาส่งั ทใี่ ชจ้ ดั การตัวหนังสอื เชน่ Fonts Paragraph เป็นต้นSelect: เปน็ หมวดของคาสัง่ ที่ใชใ้ นการเลอื กวตั ถสุ ามารถเลอื กด้วยคณุ สมบตั ิไดเ้ ชน่ เลอื กวัตถุที่มีFill และStroke แบบเดยี วกัน วตั ถุทอ่ี ยบู่ น Layer เดยี วกัน เป็นตน้Filter: เป็นหมวดของคาสง่ั ที่ใชส้ ร้างเทคนิคพเิ ศษใหก้ บั ภาพ โดยจะมผี ลตอ่ รูปรา่ งของ PathEffect: เปน็ หมวดของคาสัง่ ที่ใชส้ รา้ งเทคนิคพเิ ศษให้กบั ภาพคล้าย Filter แตจ่ ะไมม่ ผี ลกับรูปร่างของPathView: เปน็ หมวดของคาส่งั เกย่ี วกับการมองทกุ สงิ่ ในงาน เชน่ Zoom Show/Hide Ruler BoundingBox Outline Mode/Preview Mode เปน็ ตน้Window: เป็นหมวดของคาสง่ั เกย่ี วกบั การเปิด-ปดิ หนา้ ต่างเคร่อื งมือต่างๆ เช่น Palette Tool Box เป็นต้นHelp: เปน็ หมวดที่รวบรวมวิธกี ารใชง้ านและคาแนะนาเพ่อื ชว่ ยเหลือผู้ใช้โปรแกรม กล่องเคร่ืองมือ (Tool Box) Selection tool เครอ่ื งมอื กลมุ่ น้ีว่าด้วยเรอื่ งการเลือกวัตถุ ประกอบไปด้วย Selection tool(ลูกศรสีด า)ใช้เลอื กวตั ถทุ ั้งช้นิ Direct-selection tool(ลกู ศรสขาว)ใชเ้ ลือก points หรือ path ของวัตถุ (กดคีย์ Alt) Magic wand tool(ไม้เทา้ วเิ ศษ)เปน็ เครือ่ งมือใหม่ ใชเ้ ลือกวัตถทุ ม่ี ีสเี ดยี วกนั การใชง้ านเหมอื นใน Photoshop (กดคีย์ Alt และ Shift) Lasso tool ใช้เลอื กโดยการคลกิ เมาส์ Drag การใช้งานเหมือนใน Photoshop (กดคยี ์ Alt และ Shift)

Create tool เครอ่ื งมือกลุ่มน้ีวา่ ดว้ ยการสร้าง objects ไม่ว่าจะเป็นเสน้ รูปทรงตา่ งๆ และตัวหนังสอืPen tool สรา้ งเสน้ pathอยา่ งแมน่ ยา โดยการใช้แขน มีผลท าให้ object มีจุดน้อย-นอ้ ยมาก ส่วนเคร่อื งมือยอ่ ยจะเอาไวใ้ ช้ปรับแต่ง curved ไมว่ ่าจะเป็นการเพิ่มจดุ ลบจดุ หกั แขนของแกนเสน้ สมั ผัส(กดคยี ์ Alt)Type tool ใชพ้ มิ ตัวหนังสือ ข้อความต่างๆ ส่วนเครอื่ งมอื ย่อย กง็ ่ายๆตามรปู ใช้พมิ พ์ตัวหนังสอื ให้อย่ใู นกรอบบ้าง ทาตัวอกั ษรว่ิงตาม paths บา้ ง ซึง่ ผมจะไม่อธิบายมากเพราะ ไอคอนก็ง่ายตอ่ การจดจาอยูแ่ ล่วLine segment tool อนั นี้ไวล้ ากเส้นตรง ในรายละเอียดของเครอื่ งมอื ยอ่ ยกไ็ มม่ อี ะไรมาก เช่นไว้ทาขดก้นหอย ทา grid ของตารางหมากรกุ grid แบบใยแมงมมุBasic shape tool เอาไวว้ าดรปู ทรงพ้ืนฐาน 3-4-หลายเหล่ียม และวงกลม shape รูปดาว แตท่ เี่ ด่นทส่ี ดุ คือ flare tool ใชส้ ร้างเอฟเฟค lens-flare (กดคยี ์ Alt หรือ Shift และ Alt+Shift)Paintbrush tool แปรงทเี่ อาไวส้ รา้ งเส้น path โดยการ drag เมาส์ลากอย่างอิสสระ สามารถใช้brushแบบพิเศษ (กดคีย์ Alt)Pencil tool จะคลา้ ยๆ paintbrush tool แตจ่ ะมเี ครือ่ งมือย่อยให้เรียกใชใ้ นการแกไ้ ขเส้น ซง่ึ จะช่วยในการปรบั แต่งแก้ไข และท าให้งานดูดี+เรว็ ขน้ึ (กดคยี ์ Alt)Transform tool เครื่องมอื กลุ่มนีใ้ ชใ้ นกำรปรับแต่งรปู ทรงของวตั ถุ ไม่ว่ำจะเปน็ หมนุ เอียง บิด กลบัดำ้ น ยอ่ขยำย นอกจำกนี้ยงั มเี อฟเฟคตำ่ งๆด้วยRotate tool ใช้ในกำรหมนุ วัตถุ โดยกำรก ำหนดจุดหมนุ กอ่ นแล้วจึงท ำกำรหมุน ซ่ึงสำมำรถก ำหนดได้ว่ำต้องกำรหมุนกอ่ี งศำ (กดคีย์ Alt)Reflect tool ใช้ในกำรกลบั ดำ้ นของวตั ถุ (กดคีย์ Alt)Twist tool ใช้ในกำรบิดวตั ถุ โดยกำรก ำหนดจดุ ก่อนแล้วจงึ ท ำกำรบดิ ซง่ึ สำมำรถก ำหนดได้ว่ำต้องกำรบิดมำกนอ้ ย (กดคีย์ Alt)Scale tool ปลับยอ่ ขยำยวัตถุ (กดคยี ์ Alt และ Shift)Shear tool ใช้เอยี งวตั ถุ (กดคยี ์ Alt)Reshape tool ใชเ้ พม่ิ จดุ และดงึ ยืดวัตถุThe warp tool ใช้โนม้ วตั ถุใหบ้ ิดเบี้ยว (กดคยี ์ Alt หรอื Shift และ Alt+Shift)Twirl tool ท ำใหว้ ตั ถุบิดตำมจดุ ทกี่ ำหนด (กดคยี ์ Alt หรอื Shift และ Alt+Shift)

Pucker tool ดงึ ดดู จดุ ให้เขำ้ ส่จู ดุ ศูนย์กลำง (กดคีย์ Alt หรอื Shift และ Alt+Shift) Bloat tool ท ำใหว้ ัตถแุ บออก (กดคีย์ Alt หรือ Shift และ Alt+Shift) Scallop tool ดึงวตั ถใุ หเ้ ขำ้ ศนู ยก์ ลำงพร้อมกบั สรำ้ งรอยหยัก (กดคีย์ Alt หรอื Shift และ Alt+Shift) Crystallize tool ขยำยวัตถุใหอ้ อกจำกศูนย์กลำงพรอ้ มกับสร้ำงรอยหยัก (กดคีย์ Alt หรอื Shift และ Alt+Shift) Wrinkle tool สรำ้ งคลื่นใหว้ ัตถุ (กดคีย์ Alt หรอื Shift และ Alt+Shift) Free transform tool ยอ่ ขยำย หมนุ เอียง วตถุ โดยอิสระ Special tool เปน็ เครือ่ งมือใหมท่ ่ีจดั กำรเก่ียวกะ Symbol และ graph Symbol tool ใช้จดั กำรเกี่ยวกบั symbol ซ่ึงมีเครือ่ งมอื ย่อยมำกมำย แต่จะไมข่ อ กลำ่ วถงึ เพรำะ เครื่องมือแต่ละชนิ้ มไี อคอนทีง่ ่ำยตอ่ กำรเข้ำใจอยแู่ ลว้ ขอให้ทดลองน ำไปใช้เอง แล้วจะเข้ำใจว่ำ tool แต่ ละชนิ้ ใชท้ ำอะไรได้บำ้ ง (กดคีย์ Alt) Graph tool ใชส้ รำ้ ง graph ในรูปแบบตำ่ งๆ ซงึ่ งำ่ ยต่อกำรเข้ำใจ และจะไมข่ อกลำ่ วถึง เชน่ กนั (กดคยี ์ Alt หรอื Shift และ Alt+Shift)Paint color tool เปน็ กลุม่ เคร่อื งมือทใ่ี ชจ้ ัดกำรเรอื่ งของสีMesh tool เป็นเครอ่ื งมอื สีท่ีเจ๋งสดุ ขดี (แตค่ วบคมุ ยำกเหมอื นกนั )โดยกำรสรำ้ ง point และมีแกนในกำรควบคุม (กดคีย์ Alt และ Shift)Gradient tool เคร่อื งมอื ไลร่ ะดบั สี ซึ่งมกี ำรไล่ระดับอยดู่ ว้ ยกัน 2 แบบ คือ Linear และ Radial ใชก้ ำรลำกจำกจุดเร่มิ ตน้ และ สนิ้ สดุ ทจ่ี ุดปลอ่ ยเมำส์ ในกำรควบคุมกำรไลร่ ะดบั ของสี (กดคยี ์ Shift)Eyedropper tool หลอดดดู สี ใช้ copy สขี องวตั ถุ สำมำรก ำหนดได้ด้วยว่ำจะ copy ลักษณะอยำ่ งไรอะไรบำ้ ง (กดคีย์ Alt และ Alt+Shift)Paint bucket tool ส่วนใหญ่จะใชค้ วบคกู่ บั eyedropper tool ใดยใชเ้ ทสลี งบนวตั ถุ (กดคยี ์ Alt)Measure tool เครื่องมอื วดั ขนำด (กดคยี ์ Shift)Blend tool เครื่องมอื ไลร่ ะดบั กำรเปลี่ยนรูปรำ่ งและสี สำมำรถควบคมุ กำรไล่ระดับได้ 3 ชนิดAuto trace tool ใช้ในกำร trace จำกภำพตน้ ฉบบั ที่เปน็ bitmap ไปเป็น Vector ซึง่ เป็นเคร่อื งมอือ ำนวยควำมสะดวกส ำหรับคนขเี้ กียจโดยเฉพำะ

View tool กลมุ่ เครอื่ งมอื กลมุ่ นจ้ี ะเน้นที่มมุ มองเปน็ หลักSlice tool ใชเ้ กีย่ วกบั กำรตดั แบ่งภำพออกเปน็ สว่ นๆ ใช้ในงำนเวบScissors tool ใช้คลิกบริเวณ outline ของวัตถุเพือ่ ก ำหนดจุดตัด 2 จดุ เพอ่ื แยกวตั ถอุ อกจำกกนั(กดคีย์ Alt)Knife tool ใช้ drag ลำกผ่ำนวัตถุเพือ่ อแยกวตั ถอุ อกจำกกันเป็น 2 ส่วน โดยจะทำกำร close pathsให้เรำโดยอัตโนมตั ิ (กดคยี ์ Alt)Hand tool ใชเ้ ลื่อนดูบรเิ วณพ้ืนทกี่ ำรทำงำนบนหน้ำจอ (กดคยี ์ Spacebar)Page tool ใช้กำหนด print sizeZoom tool ใชย้ อ่ และ ขยำยพ้นื ท่กี ำรทำงำน (กดคีย์ Ctrl+Spacebar และCtrl+Alt+Spacebar) จานเคร่ืองมอื ตา่ งๆ (Palette) จำนเคร่ืองมอื ต่ำงๆ เหลำ่ นเ้ี ป็นหน้ำตำ่ งขนำดเล็กทีร่ วบรวมคำสง่ั และ คณุ สมบตั ขิ องเครอ่ื งมอื ตำ่ งๆ ไว้เปน็ หมวดหมู่กำรเรยี กใช้Palette ใหค้ ลกิ ทเ่ี มนูWindow จะเหน็ รำยช่อื Palette ตำ่ งๆ ใหเ้ ลือกตำมตอ้ งกำร ซงึ่ Palette ท่ใี ช้บ่อยๆ มีดงั นี้ 1. Palette ท่ีเก่ียวขอ้ งกับกำรใชส้ แี ละเสน้ ไดแ้ ก่ Color Palette: เหมอื นจำนสีทใี่ ช้ผสมสไี ว้ใช้เอง โดยระบุคำ่ สีหรอื สุม่ เลือก ท่แี ถบสีดำ้ นลำ่ งก็ไดเ้ พอ่ื ใหไ้ ด้สีใหมไ่ ม่ จำกัดอยแู่ ต่สที ่ีผสมไวใ้ ห้ในSwatch

Swatch Palette: เหมือนกล่องเก็บสีท่ีผสมส ำเรจ็ รูปไวใ้ ชไ้ ดท้ ันทีทำให้ไม่ต้องผสมใหม่ทกุ คร้ังท่จี ะใส่สีGradient Palette: ใช้ก ำหนดคำ่ กำรไล่โทนสีใหว้ ตั ถุ ทั้งกำรก ำหนดรปู แบบกำรใล่สีระหว่ำงแบบเสน้ ตรงหรือรศั มแี ละปรับแต่งโทนโดยใช้แทบ Gradient Bar ด้ำนล่ำงท ำใหร้ ูปมมี ิติและควำมลกึ มำกขึ้น Stroke Palette: ใชก้ ำหนดคณุ สมบตั ติ ำ่ ง ๆ เชน่ ขนำดของเสน้ รปู แบบของ รอยตอ่ หรือปลำยเสน้ ฯลฯ

Brushes Palette: บรรจชุ นิดของหัวพู่กันส ำเรจ็ รูปไวใ้ หเ้ ลอื กใช้โดยสำมำรถเลอื กกำหนด คณุ สมบัตขิ องหัวพ่กู นั ไดด้ ้วย ทำให้เสน้ สำยพลิว้ พรำย มลี กู เลน่ ไมธ่ รรมดำ 2. Palette ทีเ่ กยี่ วขอ้ งกับกำรปรับแตง่ และจดั กำรวตั ถุ Transform Palette: ใชก้ ำหนดต ำแหน่ง ขนำดและปรับแต่งรูปร่ำงของวตั ถุ โดยกำร ระบุคำ่ เปน็ ตวั เลข เพ่อื ให้ ได้ระยะทีถ่ กู ตอ้ งและแมน่ ยำAlign Palette: ใช้ควบคมุ กำรจัดเรียงวัตถุ ไม่ว่ำจะเปน็ กำรจัดแนวของวตั ถุใหต้ รงกันในแนวต่ำง ๆ หรือกำรจัด ระยะห่ำงระหว่ำงวตั ถุ โดยคลิกเลอื กวตั ถุก่อน แลว้ เลอื กวธิ กี ำรจดั เรยี งที่ตอ้ งกำร ชว่ ยใหง้ ำนมีระเบียบเรยี บร้อย สวยงำม Pathfinder Palette: ใช้สรำ้ งวัตถุใหม่ จำกกำรรวมรปู รำ่ งของวัตถุเดิมเขำ้ ด้วยกนั ช่วย ในกำรสรำ้ งวัตถุ โดยไม่ จำเป็นตอ้ งเริ่มวำดเองใหมท่ ้งั หมดใชร้ ่วมกนั ใหเ้ กดิ เป็นรูปร่ำงใหม่ได้สะดวกและรวดเร็ว

3. Palette ทเ่ี กยี่ วขอ้ งกบั กำรใช้งำนตัวหนงั สอื Character Palette: ใช้ก ำหนดรปู แบบตัวหนังสอื โดยก ำหนดได้ละเอยี ดมำก ทงั้ ชนดิ ขนำด ควำมสงู ควำมกวำ้ ง ตวั ยก ตัวหอ้ ย ฯลฯ เพอ่ื ท ำให้ตัวอกั ษรดหู ลำกหลำยและมีลกู เลน่ ต่ำง ๆ Paragraph Palette: ใชก้ ำหนดรูปแบบกำรจัดเรยี งขอ้ ควำม โดยก ำหนดได้ละเอียด มำก ท้งั กำรจัดชดิ ซ้ำย ขวำ กลำง ฯลฯ ตลอดจนระยะยอ่ หนำ้ ตำ่ งๆ ซ่งึ สำมำรถระบุคำ่ เปน็ ตวั เลขไดเ้ พอ่ื ท ำใหข้ อ้ ควำมเป็น ระเบียบเรียบรอ้ ยสวยงำม4. Palette ที่เกย่ี วขอ้ งกบั กำรควบคุมและกำรจัดกำรในหนำ้ กระดำษLayers Palette: ใช้จดั กำรวตั ถุทบ่ี รรจอุ ยู่ในแตล่ ะเลเยอรซ์ ่ึงท ำงำนเหมือนเป็นแผน่ ใสทีซ่ อ้ นกนัเป็นช้ัน ๆ ใช้ควบคุมทั้งกำรมองเห็น กำรลอ็ ควตั ถุกำรจดั ล ำดับซ้อนทับกนั ฯลฯ

5. Palette ทเ่ี กย่ี วข้องกับกำรใส่ลูกเล่นหรือเอฟเฟก็ ต์ใหว้ ตั ถุTransparency Palette: ใช้ก ำหนดค่ำควำมโปร่งแสงของวตั ถุ โดยคลกิ เลอื กรูปแบบของBlending Mode ที่ตอ้ งกำรและก ำหนดคำ่ ควำมทึบทช่ี ่อง Styles Palette: ใช้ก ำหนดสีเส้น และเอฟเฟ็กตต์ ่ำง ๆ แบบส ำเร็จรปูSymbols Palette: บรรจุชนดิ ของวตั ถสุ ำเร็จรูปใหใ้ ชซ้ ้ ำ โดยใช้รว่ มกบั เครื่องมือในกลุ่มSymbolism Tool เป็นกำรเอำวัตถเุ ดยี วมำใชซ้ ้ ำไปซ้ ำมำในงำน จึงมีขอ้ มลู เพียงอนั เดยี วของวัตถสุ ำเรจ็ รูปนน้ั ช่วยลดขนำดของไฟลไ์ ด้มำก

Hot Key for Adobe Illustratorสร้างงานใหม่ = Control + Nเปดิ ชนิ้ งาน = Control + Oปิดหน้าต่างงาน = Control + Wปดิ โปรแกรม = Control + Qเซฟงานทับของเก่า = Control + Sเซฟงานโดยเลอื กท่เี ซฟใหม่ = Control + Shift + Sก็อบปี้ = Control + Cวางงานทก่ี ็อบป้ี = Control + Vวางงานที่กอ็ บปี้ไวด้ า้ นบน(ในต าแหน่งเดมิ ) = Control + Fวางงานท่ีกอ็ บปี้ไวด้ า้ นลา่ ง(ในต าแหน่งเดิม) = Control + Bกรุ๊บงานรวมงานไวด้ ้วยกัน = Control + Gยกเลิกกรุบ๊ งาน = Control + Shift + Gสัง่ ปร้นิ = Control + Pซมู เข้าหน้าตา่ งงาน = Control + ( + )ซมู ออกหนา้ ต่างงาน= Control + ( - )เลือกงานท้งั หมด = Control + Aล็อคชน้ิ งาน = Control + 2ปลดลอ็ คชนิ้ งาน = Control + Alt + 2ซอ่ นช้นิ งาน = Control + 3น าช้ินงานที่ซ่อนกลับมา = Control + Alt + 3เอาชน้ิ งานลงดา้ นลา่ ง = Control + [เอาช้ินงานลงไวล้ ่างสดุ = Control + Shift + [เอาชนิ้ งานข้ึนบน = Control + ]เอาชนิ้ งานข้ึนบนสุด = Control + Shift + ]เพม่ิ เตมิ ท าตวั หนงั สอื Outline = Control + Shift + O

สารบญัhttp://www.thinkttt.com/wp-content/uploads/2014/04/AI.pdf

นำย เจษฎำพร เสืออนิ ทร์ช่ือเลน่ เจย์เกิดวันท่ี 15 เดอื น ตลุ ำคม พ.ศ.2544อำยุ 16 ปีสญั ชำติ ไทย ศำสนำพทุ ธ เช้ือชำติ ไทยทอี่ ยู่ บำ้ นเลขที่ 451/20 ต.คูคต อ.ลำลกู กำ จ.ปทมุ ธำนี