บทที่ 3

หน่วยที่ 3 เร่ิมตน้ Illustrator หัวข้อเร่ือง (Topics) 3.1 Adobe Illustrator 3.2 ความตอ้ งการระบบของโปรแกรม Illustrator 3.3 การติดต้ังโปรแกรม Illustrator 3.4 หนา้ จอแรกของโปรแกรม Illustrator 3.5 แถบคาส่ัง 3.6 กลอ่ งเครอื่ งมอื 3.7 แถบควบคุม 3.8 พาเนลควบคุมการทางาน แนวคดิ สำคัญ (Main Idea) โปรแกรม Adobe Illustrator จัดเป็นโปรแกรมออกแบบสร้างช้นิ งานจากการวาดเปน็ หลกั เพราะมี เครือ่ งมือพร้อมตอ่ การทางาน ทาให้นกั ออกแบบส่วนใหญ่ตา่ งกใ็ ชโ้ ปรแกรม Illustrator ในการสร้างงานโดย หน่วยการเรียนนจ้ี ะมาทาความรจู้ ักโปรแกรม Illustrator สมรรถนะยอ่ ย (Element of Competency) เลือกใชโ้ ปรแกรมทีส่ อดคล้องกับลักษณะงานคอมพิวเตอร์ จุดประสงคก์ ำรปฏบิ ัติ (Performance Objectives) 1. อธิบายความสามารถโดยรวมของโปรแกรม Illustrator 2. ตดิ ต้งั โปรแกรม Illustrator 3. อธิบายส่วนตา่ ง ๆ บนหนา้ จอของโปรแกรม Illustrator 4. อธิบายหน้าที่การใชง้ านแถบคาสัง่ 5. รจู้ กั เรยี กใชเ้ ครอ่ื งมอื กลุ่มต่าง ๆ บนกลอ่ งเครอื่ งมือ 6. เปิด/ปดิ แยก/รวม หนา้ ต่างพาเนล

3.1 Adobe Illustrator ทำควำมรู้จักกบั Adobe Illustrator CS5 Illustrator เป็นโปรแกรมออกแบบสรา้ งช้ินงานจากการวาดเปน็ หลักซึง่ เป็นที่นิยมสาหรับนกั ออกแบบ ทง้ั หลายเพ่ือนาไปใช้งานด้านต่างๆ ไม่วา่ จะเปน็ งานดา้ นส่งิ พมิ พ์ งานโฆษณา ออกแบบฉลากและผลติ ภณั ฑ์ ออกแบบโลโก้ ไอคอล การ์ตนู และวัตถุประกอบ เป็นต้น จะเห็นว่าความสามารถของโปรแกรม Illustrator นนั้ มีไม่ใช่นอ้ ยทเี ดียว อาจเปรียบเทียบได้เหมือน ผ้าใบผนื ใหญท่ ใ่ี ช้วาดวตั ถโุ ดยโปรแกรมเตรยี มอปุ กรณอ์ ่นื ๆ ใหเ้ รียบรอ้ ย คราวน้ีกข็ นึ้ อยกู่ บั จินตนาการในการ ออกแบบและวาดวัตถุของผใู้ ช้ทจี่ ะขดี เขียนหรือระบายวตั ถุออกมา (ก) ไอคอน (ข) โลโก้ รปู ท่ี 3.1 ผลงำนจำก Illustrator 3.2 ควำมตอ้ งกำรระบบของโปรแกรม Illustrator Illustrator เปน็ โปรแกรมที่ทางานเกย่ี วกบั งานกราฟิก ดังนัน้ จาเปน็ ตอ้ งใช้คอมพิวเตอรท์ ม่ี คี วามเรว็ สงู มหี นว่ ยความจา (Ram) และฮาร์ดดสิ ก์ทม่ี ีพ้ืนทีว่ ่างมากพอสมควร โดยความตอ้ งการระบบขัน้ ต่าของ Illustrator มดี งั นี้ ซีพยี ู : ควรสูงกวา่ รุน่ Pentium 4 หรอื ความเร็วต้งั แต่ 1 GHz ข้ึนไป ระบบปฏบิ ตั ิกำร : ใช้ Microsoft Window XP Service Pack 3 หรือ Windows 7 หน่วยควำมจำ : อย่างนอ้ ย 512 MB Ram พนื้ ท่ีจัดเกบ็ : ควรมีพืน้ ทีฮ่ าร์ดดสิ กว์ ่างอย่างน้อย 1 GB จอแสดงผล : มคี วามละเอียดตง้ั แต่ 1,024 x 768 ข้ึนไป กำรด์ จอ : อย่างน้อย 16 บติ อปุ กรณ์เสริมอื่น ๆ : เช่น DVD Drive กลอ้ ง Digital หรืออปุ กรณ์ Multimedia รปู ที่ 3.2 ควำมตอ้ งกำรขนั้ พน้ื ฐำนของโปรแกรม Illustrator

3.3 กำรติดตงั้ โปรแกรม Illustrator ผู้ใช้สามารถตดิ ต้งั โปรแกรม Illustrator ไดจ้ ากชุดโปรแกรมของ Adobe CS Master Collection ซ่งึ เราสามารถจะเริ่มโดยการใสแ่ ผน่ ดีวดี ลี งไป และเร่ิมทาการตดิ ตั้งโปรแกรมดังน้ันข้นั ตอนต่อไปนี้ 1. คลิกเลอื ก ไฟล์ Set-up.exe 2. จะปรากฏแถบแสดงสถานะการตดิ ตั้ง 3. ทีห่ นา้ ต่าง Welcome การติดตงั้ ให้คลกิ เลือกปุม่ คาส่งั Accept เพือ่ เรม่ิ การตดิ ตงั้ รปู ที่ 3.3 กำรติดต้ังโปรแกรม Illustrator 4. ใหก้ รอก รหัส Serial Number ซ่ึงจะมอี ยูใ่ นแผ่นโปรแกรม ลงในช่อง Provide a serial number เมอื่ กรอกรหสั ถกู ตอ้ งจะปรากฏเครือ่ งหมายถูกท่ชี ่องสุดทา้ ย 5. เลือกภาษาท่ีใช้ในการติดตง้ั ให้ ให้เลือก English (International) 6. หลงั จากเลอื กภาษาเสรจ็ แลว้ ใหค้ ลิกปมุ่ Next เพื่อดาเนนิ การในขั้นตอนตอ่ ไป 7. คลิกเครอ่ื งหมายถูกเพ่ือเลือกทาการติดตง้ั โปรแกรม Illustrator CS5 8. คลิกเลอื กปุ่ม Install เพอ่ื ทาเร่ิมติดต้งั โปรแกรมลงในเคร่อื งคอมพวิ เตอร์ และรอจนกวา่ จะตดิ ตง้ั เสรจ็ และคลิก Finish รปู ท่ี 3.4 ขัน้ ตอนกำรตดิ ต้ังโปรแกรม Illustrator

3.3.1 เข้ำสโู่ ปรแกรม Illustrator Illustrator เรียบรอ้ ยแลว้ สามารถเรยี กการใช้งาน หลังจากท่ไี ด้ทาการติดต้ังโปรแกรม โปรแกรมไดด้ ้วยวิธีการดงั ตอ่ ไปนี้ คอื 1. คลิก All Program Adobe lllustrator จะปรากฏไดอะลฌอกบอ็ กซ์ Welcome Screen 2. คลิกเลือกรปู แบบการทางานซ่งึ มี 2 ส่วน ดงั นี้ * Open a Recent Item เปดิ ไฟลเ์ กา่ มาใชง้ าน โดยคลกิ เลือกช่อื ไฟล์หรอื คลิก Open * Create New สรา้ งไฟล์ใหม่โดยคลกิ เลือกรปู แบบหรอื คลกิ From Template 3. เข้าสู่หน้าจอโปรแกรม รปู ที่ 3.5 ขัน้ ตอนกำรกำรเขำ้ โปรแกรม Illustrator เมอื่ ต้องการสรา้ งเอกสารใหม่ ใหค้ ลิกเลอื ก Print Document จะปรากฏ หนา้ ต่าง New Document เพ่ือใหเ้ ราจัดการขนาดและกาหนดขนาดของกระดาษหรือขนาดของชิ้นงานท่ีเราตอ้ งการหลังจากน้ันให้คลกิ ปมุ่ Ok เพ่อื เข้าใชง้ านโปรแกรม

3.4 หนำ้ จอแรกของโปรแกรม Illustrator เมื่อเรม่ิ ต้นใชง้ านโปรแกรม หน้าจอแรกทพี่ บจะประกอบด้วยสว่ นประกอบต่างๆ ซึง่ มหี นา้ ท่กี ารใช้งาน ทแ่ี ตกต่างกนั ออกไป เราจึงต้องทาความเขา้ ใจกับส่วนประกอบต่างๆ ของหน้าจอทปี่ รากฏครา่ วๆดงั ตอ่ ไปนี้ คือ รูปที่ 3.6 โปรแกรม Illustrator 1. แถบคาสงั่ (Menu Bar) 2. แถบการควบคมุ (Control Panel) 3. ปุม่ ควบคุมหน้าต่าง (Control Button) 4. กล่องเครอ่ื งมอื (Toolbox) 5. พน้ื ทก่ี ารทางาน (Art Board) 6. พาเนลควบคมุ การทางาน (Panel) 7. แถบแสดงสถานะ (Status Bar) เคร่อื งมอื หรือพาเลตต์ต่างๆ สามารถซอ่ นหรอื แสดงให้ปรากฏบนหนา้ จอไดโ้ ดย 1. คลิกเมนู Windows 2. คลิกถกู หรอื เอาถกู ออกหน้าชื่อเคร่ืองมอื ท่ตี อ้ งการแสดงหรือซอ่ นไว้ 3. เคร่อื งมอื ตา่ งๆ 4. คลกิ ปุม่ x เพ่อื ปดิ เครื่องมือ

3.5 แถบคำส่งั แถบคาสง่ั (Menu Bar) เป็นแถบเมนทู ีใ่ ช้เก็บคาสั่งหลักต่างๆ ของโปรแกรม สามารถคลิกเมาสเ์ ลอื กใช้ คาสัง่ บนแถบคาส่ังได้ หากคาสงั่ ไหนมีลูกศรอยดู่ ้วย แสดงวา่ เมือ่ เรียกใช้คาสงั่ นั้นจะมคี าส่งั ย่อยเพมิ่ ขน้ึ มาอกี คาสงั่ ในแถบเมนูมที ัง้ หมด 9 กลมุ่ ดังต่อไปน้ี File ทางานเกย่ี วกับไฟล์ เชน่ เปดิ (Open) บันทึก (Save) และปดิ ไฟล์ (Close) Edit ปรบั วัตถุ เชน่ ยอ้ นกลับการทางาน (Undo/Redo) การตดั (Cut) การทาสาเนาหรือ คดั ลอก (Copy) การวาง (Paste) และการกาหนดคา่ พืน้ ฐานของโปรแกรม (Prefence) Object บรหิ ารจัดการวตั ถุ เช่น จัดกล่มุ (Group) จัดลาดบั (Arrange) และปรับแตง่ วัตถุ (Transform) Type บรหิ ารจัดการตัวอักษร เชน่ ตวั อักษร (Font) และปรับขนาด (Size) Select เลือกวตั ถแุ บบต่างๆ มักใชร้ ว่ มกันกับกล่องเคร่อื งมือ Effect การกาหนดลกู เลน่ พิเศษในการตกแตง่ วัตถุ View แสดงชนิ้ งานในรูปแบบตา่ งๆ เชน่ การขยาย/ยอ่ ช้ินงาน (Zoom In/Out) Window จัดการหน้าต่างท่ีปรากฏบนหน้าจอโปรแกรม เพ่ือชว่ ยให้ทางานไดส้ ะดวกข้นึ Help รวบรวมวิธีการใช้งานและคาแนะนาเก่ยี วกับโปรแกรม Illustrator รูปที่ 3.7 แถบคำสง่ั (Menu Bar) 3.6 กล่องเครื่องมือ กล่องเคร่ืองมอื (Toolbox) แถบเครือ่ งมือ เป็นสว่ นที่เกบ็ รวบรวมเครอ่ื งมอื ทใ่ี ชใ้ นการสร้าง การ ปรบั แต่ง และการแก้ไขวัตถุ ซงึ่ มีไอคอนใหส้ ามารถเรียกใชง้ านไดง้ า่ ยและรวดเรว็ โดยเมื่อเปดิ โปรแกรมขน้ึ มา ส่วนของกล่องเครอื่ งมอื จะเป็นไอคอนหนง่ึ แถวถูกจดั เก็บอยู่ในกรอบจดั เกบ็ (Dock) ทางซา้ ยซึ่งสามารถคลกิ เมาสแ์ ลว้ ลากวางตาแหนง่ ใดกไ็ ด้บนหนา้ จอกลมุ่ เครือ่ งมือตา่ งๆ ในการจัดการกับวัตถแุ บง่ ไดด้ ังนี้ รปู ที่ 3.8 กลอ่ งเครอ่ื งมอื (Toolbox)

3.7 แถบกำรควบคุม แถบการควบคุม (Control Panel) เปน็ แถบตวั เลือกสาหรบั กาหนดค่าตา่ งๆ ของวัตถุเพ่อื อานวยความ สะดวกแกผ่ ู้ใช้ให้สามารถกาหนดค่าสี ขนาด ตาแหน่ง และคุณสมบตั ิตา่ งๆ ของวตั ถทุ ี่เลอื กได้งา่ ยข้ึน มกั ปรากฏ อยดู่ ้านบนหนา้ ตา่ งโปรแกรม รปู ที่ 3.9 แถบกำรควบคุม 3.8 พำเนลควบคุมกำรทำงำน พาเนลควบคมุ การทางาน (Panel) เปน็ หน้าต่างย่อยทีร่ วบรวมคณุ สมบัติการทางานของเครอื่ งมอื ตา่ งๆ ใหผ้ ู้ใชเ้ ลือกปรับแต่งการใชง้ านได้งา่ ยๆ มที ้ังหมด 34 พาเนล 3.8.1 การเปิด/ปิดพาเนล เปิดใชง้ านพาเนลโดยให้คลกิ ที่รูปไอคอนพาเนลท่ีต้องการ และเม่ือตอ้ งการปิดพาเนลก็ใหค้ ลิก ซ้าที่รูปไอคอนนนั้ อีกคร้ัง หรอื คลิกปมุ่ ดา้ นบนขวาของพาเนลกไ็ ด้ 3.8.2 การแยก/รวมพาเนล เพือ่ เพ่มิ พื้นท่กี ารทางาน สามารถยบุ พาเนลท่ียดึ กบั แผงพาเนลและคอลัมน์ให้แสดงในรูป ไอคอน ซึ่งเมือ่ ต้องการใชง้ านพาเนลใดกใ็ ห้เปดิ ขนึ้ มาทางานเฉพาะพาเนลนนั้ รปู ที่ 3.10 พำเนลควบคมุ กำรทำงำน (Pane) สรุปสำระสำคัญ ในหน่วยการเรียนนเ้ี ป็นการรู้จักโปรแกรม Illustrator ตัง้ แตค่ วามสามารถของโปรแกรม การตดิ ต้งั โปรแกรมและการใช้งานส่วนประกอบตา่ งๆ ท่ีสาคัญในโปรแกรม