หน่วยที่-3-เริ่มต้นกับ Illustrator- (1)

หน่วยที่ 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