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

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