หน่วยที่-3-เริ่มต้นกับ-Illustator-แก้แล้ว

หน่วยท่ี 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 ต้งั แต่ ความสามารถของโปรแกรม การติดต้ังโปรแกรมและการใชง้ าน ส่วนประกอบต่างๆ ท่ีสาคญั ในโปรแกรม

แบบฝกึ หดั หนว่ ยท่ี 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