หน่วยที่-4-การสร้างไฟล์งานใน-Illustrator

หนว่ ยที่ 4 การสรา้ งไฟล์งานใน Illustrator หวั ข้อเรือ่ ง (Topics) 4.1 แหลง่ ภาพทนี่ ามาใชง้ าน 4.2 การเปิดไฟล์เขา้ มาทางานโปรแกรม 4.3 การสร้างไฟลใ์ หม่ให้เหมาะสมกับชิน้ งาน 4.4 การบันทกึ ไฟล์ทส่ี ร้างข้นึ มา แนวคิดสาคัญ (Main Idea) ในการสรา้ งผลงานควรมกี ารเตรียมและออกแบบเพ่อื ให้ไดม้ าซ่งึ ความต้องการตาม จดุ มุ่งหมาย เช่น การเตรียมหาภาพโดยใช้คาส่งั Open ในการเปดิ แหล่งไฟลภ์ าพหรอื วธิ ีการอน่ื ๆ สมรรถนะย่อย (Element of Competency) สร้างไฟล์งานใน Illustrator จดุ ประสงคก์ ารปฏบิ ตั ิ (Performance Objectives) 1. อธบิ ายแหล่งภาพทีน่ ามาใช้งาน 2. เปดิ ไฟลเ์ ข้ามาทางานในโปรแกรม 3. สร้างไฟลใ์ หมใ่ หเ้ หมาะกับชนิ้ งาน 4. บนั ทกึ ทีส่ ร้างข้นึ มา

4.1 แหลง่ ภาพที่นามาใช้งาน ภาพรอบ ๆ ตวั เรามใี หเ้ ลอื กใชใ้ นการสรา้ งชนิ้ งานไดม้ ากมาย ไม่ว่าจะเป็นภาพถ่าย ภาพจาก นติ ยสาร ภาพจากโปสการด์ ภาพท่วี าดขึน้ เอง ฯลฯ แต่จะทาอยา่ งไรให้ภาพท่ีต้องการเหลา่ นม้ี าอยู่ ในเครอื่ งคอมพวิ เตอร์ เพือ่ นามาใชง้ านตอ่ ได้ ในท่นี จ้ี งึ ขอยกตวั อย่างแหล่งภาพต่าง ๆ ทหี่ าได้ดว้ ย ตัวเองดังต่อไปนี้ คือ 4.1.1 เวบ็ ไซต์ ถ้าเปดิ ดใู นเว็บไซต์โดยท่ัว ๆ ไปจะพบวา่ แต่ละหนา้ ของเวบ็ ไซตส์ ว่ นใหญส่ ามารถดาวน์โหลด มาใช้งานได้เชน่ http://www.stockvault.net ซงึ่ รวบรวมภาพจากนักถา่ ยภาพทเ่ี ปิดโอกาสให้ ดาวน์โหลดมาใชไ้ ดฟ้ รี 4.1.2 การสแกน การแสกน เปน็ การแปลงภาพ จากภาพบนกระดาษ (Physical Image) เป็นไฟลภ์ าพดิจติ อล (Digital Image) 4.1.3 กลอ้ งดจิ ติ อล (Digital Camera) เราสามารถใชก้ ลอ้ งดจิ ติ อลถา่ ยภาพรูปแบบดิจิตอล ความละเอยี ดถงึ 3-4 ลา้ นพกิ เซลขึน้ ไปได้ ซ่งึ ภาพลักษณะน้ี เหมาะสาหรับการนามาใช้งานสง่ิ พิมพ์ 4.1.4 แผ่นซดี รี อมรวมภาพ สามารถหาแหลง่ ภาพได้จากแผน่ ซีดี (CD-ROM) รวมภาพทว่ี างขายอยทู่ ัว่ ไปและขายใน เชงิ พาณชิ ย์โดยมีแหลง่ ขายในอินเทอรเ์ นต็ เชน่ http://www.kodak.com เปน็ ตน้

รปู ที่ 4.1 ท่มี าของภาพ 4.2 การเปิดไฟล์เข้ามาทางานในโปรแกรม 4.2.1 ไฟล์ฟอร์แมตทีใ่ ช้ใน Illustrator ในระบบปฏิบตั กิ าร Window และ Mac มีรูปแบบการเก็บไฟลใ์ นลกั ษณะต่าง ๆ เพ่ือ ประโยชนก์ ารใชง้ านทแ่ี ตกตา่ งกัน เรยี กว่า “ฟอรแ์ มต (Format)” ในหวั ขอ้ นีจ้ ะแนะนาสนั้ ๆ เกยี่ วกับไฟลท์ ่ีสามารถเปดิ ใชง้ าน จะมฟี อรแ์ มตที่สาคัญดังน้ี 4.2.2 การเปิดไฟลด์ ว้ ยคาสงั่ Open ในการสร้างชน้ิ งานเราต้องเปดิ ไฟล์ชนิ้ งานจากแหลง่ ข้อมูลตา่ ง ๆ เช่น จากแผน่ ซดี ี กลอ้ ง ดิจิตอล หรอื ไฟล์ชน้ิ งานในเคร่ืองคอมพวิ เตอร์ ซ่ึงข้นั ตอนการเปิดไฟล์ชิน้ งานมดี งั นี้

1. คลกิ เลอื ก File > Open จากเมนูคาส่งั ของโปรแกรม หรอื กดแป้น <Ctrl + O> ท่ีคยี บ์ อร์ดเพอ่ื เปดิ ไฟล์ 2. จะปรากฏหนา้ ตา่ ง Open เลือกตาแหนง่ ทเ่ี ก็บไฟล์ภาพในช่อง Look in แลว้ เลอื กไฟล์ ภาพที่ตอ้ งการ และในขณะที่เลอื กไฟลน์ นั้ จะมีกรอบภาพอยู่ด้านล่างแสดงภาพไฟลท์ เ่ี ลือก 3. จากน้นั คลิกปมุ่ เพ่ือเปิดไฟลท์ ี่เลอื กไว้โปรแกรมจะแสดงภาพทีเ่ รา เปดิ ขึ้นมาในหน้าจอโปรแกรม Illustrator 1 2 3

รูปท4ี่ .2 ข้นั ตอนการเปิดไฟลด์ ้วยคาสงั่ Open 4.2.3 การเปดิ ไฟล์ด้วยคาสง่ั Adobe Bridge เราสามารถเปิดและค้นหาไฟลด์ ้วยโปรแกรม Adobe Bridge ได้ กรณีทม่ี ีไฟล์จานวนมากจะ ชว่ ยค้นหาและเปิดไฟลท์ ต่ี อ้ งการอย่างรวดเรว็ นอกจากนโ้ี ปรแกรม Adobe Bridge ยงั แสดงข้อมลู โดยละเอียดและสามารถจดั การไฟลด์ ้วย เชน่ การลบ การยา้ ย หรือการเปลี่ยนชื่อ วิธีการเปดิ ไฟล์ ด้วย Adobe Bridge มขี ั้นตอนดงั นี้ 1. เลือกคาสง่ั File > Browse in Bridge หรือกดแปน้ <Alt + Ctrl + O> ทีค่ ีย์บอรด์ เพอ่ื เขา้ สหู่ นา้ จอ Adobe Bridge สาหรับคน้ หาภาพ 2. จากนน้ั จะแสดงหน้าจอสาหรบั คน้ หาภาพ Adobe Bridge 3. เมื่อดบั เบิ้ลคลกิ ทไี่ ฟล์ชนิ้ งานท่ีต้องการ ไฟล์นน้ั จะถูกปดิ และแสดงออกมา

รูปท4่ี .3 การเปิดไฟล์ดว้ ยคาสง่ั Adobe Bridge 4.3 การสร้างไฟลใ์ หมใ่ หเ้ หมาะกบั ชิน้ งาน เม่อื ไดจ้ กั เตรียมภาพท่นี ามาใช้ และไดร้ า่ งชน้ิ งานที่สร้างเรียบร้อยแลว้ ในหัวข้อน้ีจาทาการสรา้ ง ไฟล์ชนิ้ งานใหม่ตามขนาดและความละเอียดทีต่ ้องการ ซึง่ ผู้ใช้ควรกาหนดให้เหมาะกบั ลกั ษณะงาน โดยมขี นั้ ตอนดังต่อไปน้ี 1.เลือกเมนคู าส่งั File > New… หรอื กดแปน้ <Ctrl + N> เพ่อื สร้างไฟล์ใหม่

1 2 4 3 4 4 6 4 4 รปู ท่ี 4 การสรา้ งไฟล์ใหม่ 5 4 4 4 74 4 4 8 4 4 4 4

2. จะปรากฏหนา้ ตา่ ง New Document 3. จากนน้ั ให้คลกิ ช่อง Size เลอื กขนาดชนิ้ งาน ซง่ึ จะมขี นาดตา่ ง ๆให้เลือกหรอื กาหนดขนาด ชิ้นงานเองก็ได้ 4. เลือกหนว่ ยวดั ของช้นิ งานในชอ่ ง Units ซงึ่ มีหน่วยตา่ ง ๆ เช่น Millimeter, Points, Picas, Pixel 5. กาหนดรูปแบบการจักวางชิน้ งาน คอื ชนิ้ งานแนวตง้ั ชนิ้ งานแนวนอน 6. กาหนดโหมดสขี องช้ินงาน มีใหเ้ ลอื ก 2 ชนิด คือ CMYK (ใช้สาหรับงานสิ่งพิมพ์) และ RGB (ใช้สาหรับสร้างเวบ็ หรืองานนาเสนอ) 7. กาหนดรายละเอียดของชนิ้ งาน ได้แก่Screen(72 ppi) สาหรบั ภาพบนเวบ็ Medium (150 ppi) และ High (300 ppi) สาหรับงานส่งิ พมิ พ์ ส่วน Preview Mode เป็นการกาหนดรูปแบบใน การแสดงชิน้ งาน ใหใ้ ชค้ ่าเป็น Default 8. คลกิ ปมุ่ เพ่ือสรา้ งชน้ิ งานตามขนาดและคา่ สีทกี่ าหนด กาหนดไฟล์วัตถตุ ามค่ามาตรฐาน ในงานด้านกราฟกิ ท่ีต้องทาบ่อย ๆ ก็จะมคี ่าขนาดของไฟลช์ นิ้ งานมาตรฐานทก่ี าหนดไว้แล้ว ในโปรแกรม Illustrator ใหเ้ ราเรียกใช้ไดเ้ ลย ในช่อง New Document Profile โดยมแี บบตา่ ง ๆ ดงั นี้ Print มาตรฐานสาหรับสือ่ สิง่ พมิ พ์ Web มาตรฐานสาหรับเว็บ Mobile and Device มาตรฐานสาหรับอปุ กรณ์พกพา Video and Film มาตรฐานสาหรบั สื่อวดิ ีโอ

Basic CMYK มาตรฐานสาหรบั ส่งิ พมิ พท์ ว่ั ไป Basic RGB มาตรฐานสาหรบั กราฟิกทวั่ ไป 4.4 การบันทึกไฟลท์ ี่สรา้ งข้นึ มา เมอ่ื เราสรา้ งชนิ้ งานเสร็จแลว้ จะตอ้ งบนั ทกึ อารต์ เวิรค์ เก็บไวเ้ ป็นไฟลเ์ อกสาร เพือ่ ให้สามารถ เปดิ กลับมาแก้ไขหรือทางานต่อในภายหลงั ได้ โดยมขี ั้นตอนในการบนั ทึกไฟล์ดงั นี้ 1.เลอื กคาสง่ั File > Save หรือกดแปน้ <Ctrl + S> ท่คี ยี บ์ อรด์ เพอ่ื ทาการบันทึก

1 2 3 43 รปู ที่4.5 การบนั ทึกไฟลใ์ หม่ 2. ปรากฏหนา้ ตา่ ง Save As ขน้ึ มา ใหเ้ ลอื กแฟ้ม (Folder) สาหรับเกบ็ ไฟลง์ าน 3. ต้งั ช่ือไฟล์ในช่อง File Name

4. จากน้นั คลกิ ทช่ี อ่ ง Save as type แลว้ เลอื กฟอร์แมตไฟล์ท่ีต้องการซ่ึงปกติควรเลือก เปน็ Adobe Illustrator (*.Al) 5. คลิกป่มุ เพือ่ ทาการบนั ทกึ ไฟล์ สรุปสาระสาคัญ ในหนว่ ยการเรียนนี้ทาให้เขา้ ใจถึงแหลง่ ภาพทีส่ ามารถนามาใชใ้ นการตกแต่งด้วย Illustrator การเปิด ไฟล์ รวมถึงการสร้างไฟลง์ านใหมเ่ พ่ือใช้งานต่างๆและการบันทกึ ไฟลง์ าน

แบบฝึกหดั หน่วยที่ 4 การสรา้ งไฟลง์ านใน Illustrator คาสั่ง จงตอบคาถามต่อไปนี้ 1.การกาหนดโหมดสขี องชิ้นงานมีกช่ี นดิ และใชส้ าหรบั งานใดบ้าง ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… …………………………………………………………………………………………………………………………….. 2.ข้อแตกตา่ งระหว่างการเปิดไฟล์ดว้ ยคาสง่ั Open กับการเปิดไฟลด์ ว้ ยคาสัง่ Adobe Bridge คือ อะไร ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… 3. แหล่งภาพทส่ี ามารถนามาใช้งานได้มาจากแหลง่ ใดบา้ ง ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………… ………………………………………………………………………………………………………………………………………

กิจกรรมหนว่ ยที่ 4 การสรา้ งไฟล์งานใน Illustrator จุดประสงคก์ ารปฏบิ ัติ สร้างภาพในโปรแกรม Illlustrator และบันทึกไฟล์ การทากิจกรรม จงสร้างภาพในพืน้ ที่การทางานของโปรแกรมแลว้ ทาการบนั ทกึ ไฟล์เปน็ ช่อื ในช้ินงานที่ตก เองออกแบบตามความตอ้ งการ

แบบทดสอบหลังเรียนหน่วยท่ี 4 การสรา้ งไฟล์งานใน Illlustrator คาส่งั จงทาเคร่อื งหมายกากบาท (x) ทบั ขอ้ ท่ถี ูกต้องท่ีสดุ 1. ขอ้ ใดไม่ใช่แหล่งภาพทส่ี ามารถนามาใชใ้ นงานกราฟิก ก. เว็บไซต์ ข. แผน่ CD ภาพ ค. สแกนเนอร์ ง. ภาพในหนังสอื นิตยสาร 2. คยี ล์ ดั ทใ่ี ช้ในการเปดิ ไฟล์งานคืออะไร ก. <Ctrl + P> ข. <Ctrl + O> ค. <Ctrl + V> ง. <Ctrl + N> 3. กรณที มี่ ไี ฟลจ์ านวนมากเพือ่ สะดวกในการคน้ หาควรมีการเปิดไฟลง์ านแบบใด ก. New Bridge ข. Open Now ค. Open Bridge ง. Search 4. การเปิดไฟล์งานจากแผน่ ซีดคี วรใชเ้ มนูคาส่งั ใด ก. Open ข. Open Now ค. Open Bridge ง. Search

5. การสร้างไฟลใ์ หมค่ วรใช้เมนูคาส่ังใด ก. Open ข. New ค. Now ง. Save 6. กดคีย์ <Ctr++> คลิกเมาสบ์ นจอภาพตรงกบั ขอ้ ใด ก. Zoom In ข. Zoom Out ค. Zoom ง. ถูกท้ังขอ้ ก. และ ค. 7. กดคีย์ <Ctr+-> คลกิ เมาสบ์ นจอภาพตรงกบั ขอ้ ใด ก. Zoom In ข. Zoom Out ค. Zoom ง. ถกู ทัง้ ข้อ ก. และ ค. 8. การกาหนดมมุ มองทัว่ ไปเกย่ี วข้องกับเมนูคาสง่ั ใด ก. Open ข. View ค. Help ง. Edit 9. การเลอื่ นดวู ัตถทุ ม่ี ภ่ี าพขนาดใหญ่ควรใชเ้ ครื่องมือชนิดใด ก. Status Bat ข. View ค. Scrollbar ง. Title Bar

10. Stroke หมายถงึ ข้อใด ก. การกาหนดสพี นื้ ข. การกาหนดเส้นสี ค. การสลบั สี ง. การกาหนดลายเสน้