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