หน่วยที่-3-เริ่มต้น-.docx56

หนว่ ยท่ี 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. จะปรากฏแถบแสดงสถานะการตดิ ตัง้ 1. ที่หน้าต่าง Welcome การตดิ ตั้ง ให้คลิกเลือกปุ่มคาสัง่ Accept เพอ่ื เริ่มการติดตั้ง 2. รูปท่ี 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 ตั้งแต่ความสามารถของโปรแกรม การติดตงั้ โปรแกรมและการใช้งานสว่ นประกอบต่างๆ ท่สี าคญั ในโปรแกรม

แบบฝึกหัดหน่วยท่ี 3 เรม่ิ ต้นกับ Illustrator คำส่ัง จงตอบคำถำมตอ่ ไปนี้ 1. แถบเมนูมีทั้งหมดกี่กลุ่ม ไดแ้ กอ่ ะไรบา้ ง ............................................................................................................................. .......................................... ....................................................................................................................................................................... ............................................................................................................................. .......................................... ............................................................................................................................. .......................................... ....................................................................................................................................................................... ............................................................................................................................. .......................................... ................................................................................................................................... .................................... ....................................................................................................................................................................... ............................................................................................................................. ......................................... 2. กลอ่ งเครื่องมอื (Toolbox) มีหน้าทที่ าอะไร (พร้อมวาดรปู ประกอบ) ............................................................................................................................. .......................................... ....................................................................................................................................................................... ............................................................................................................................. .......................................... ............................................................................................................................. .......................................... ....................................................................................................................................................................... ............................................................................................................................. .......................................... ............................................................................................................................. .......................................... ....................................................................................................................................................................... ............................................................................................................................. ......................................... …………………………………………………………...................................................................................................... ............................................................................................................... ........................................................ ............................................................................................................................. .........................................

กิจกรรมหนว่ ยที่ 3 เรม่ิ ต้นกับ Illustrator จุดประสงคก์ ำรปฏบิ ัติ หาชอื่ สว่ นประกอบของโปรแกรม Illustrator CS5 กำรทำกิจกรรม ให้นักเรียนเติมช่อื สว่ นประกอบของโปรแกรม Illustrator CS5 ลงในหมายเลขท่ีกาหนดให้

แบบทดสอบหลังเรยี นหน่วยท่ี 3 เริ่มต้นกบั lllustator คำสั่ง จงทำเครือ่ งหมำยกำกบำท (x) ทบั ข้อท่ีถกู ต้องทีส่ ุด 1. ข้อใดคอื ความสามารถของโปรแกรม Illustrator ก. งานสือ่ ส่งิ พิมพ์ ข. งานดา้ นการต์ ูน ค. ออกแบบงานกราฟิก ง. ถูกทกุ ขอ้ 2. คอมพิวเตอรม์ ีการประมวลผลภาพได้กี่แบบ ก. 2 แบบ ข. 3 แบบ ค. 4 แบบ ง. 5 แบบ 3. ช่ือย่อของ Adobe Creative Suite 5 คืออะไร ก. Creative ข. Suite 5 ค. Adobe ง. ถูกทั้งข้อ ก. และ ข. 4. ภาพทปี่ รากฏบนหน้าจอคอมพิวเตอร์ท่เี ราเหน็ เกิดจากจุดสีเ่ หลย่ี มเลก็ ๆ ของสเี รียกว่าอะไร ก. Image ข. Inc ค. Pixel ง. Bitmap 5. ข้อใดไมใ่ ชส่ เปคเครอื่ งคอมพวิ เตอร์ที่เหมาะกับการติดตั้งโปรแกรม Illustrator ก. windows 7 ข. Pentium 3 ค. Ram 1 GB ง. จอภาพ 1,024 x 768

6. พาเนลควบคุมการทางานมที ัง้ หมดกพี่ าเนล ก. 34 พาเนล ข. 35 พาเนล ค. 34 พาเนล ง. 37 พาเนล 7. แถบการควบคุม (Control Panel) มีหน้าทท่ี าอะไร ก. พ้ืนท่ใี นการพิมพง์ าน ข. เกบ็ รวบรวมเคร่ืองมอื ทใ่ี ชใ้ นการสรา้ ง ค. กาหนดคา่ ตา่ งๆ ของวตั ถุ ง. ถกู ทุกข้อ 8. คาสง่ั Select มหี นา้ ที่อะไร ก. บรหิ ารจดั การตัวอกั ษร ข. เลอื กวตั ถุแบบตา่ งๆ ค. สาหรบั กาหนดค่าต่างๆ ของวตั ถุ ง. การกาหนดลกู เลน่ พิเศษ 9. แถบเมนูคาสั่งใดที่ใช้ในการแนะนาเกย่ี วกบั โปรแกรม Illustrator ก. File ข. Window ค. Help ง. Object 10. หนา้ ตา่ งย่อยที่รวบรวมคณุ สมบตั ิการทางานของเคร่ืองมือต่างๆ ใหเ้ ราเลอื กปรบั แต่งใหต้ รงกบั การใช้ งานคืออะไร ก. Menu ข. Panel ค. Control Panel ง. Toolbox