2 การใช้โปรแกรม Adobe Illustrator CS6
Adobe Illustrator เป็นโปรแกรมที่พัฒนาขึ้นโดยบริษัท อะโดบีซิสเต็มส์ (Adobe Systems) ของประเทศสหรัฐอเมริกา โดยโปรแกรมประกอบด้วยเครื่องมือวาดภาพที่หลากหลาย ซึ่งสามารถใช้ วาดภาพง่ายๆ ไปจนถึงภาพที่ซับซ้อนได้ นอกจากนั้นยังสามารถสร้างภาพที่มีลักษณะเป็นลายเส้น แบบเวกเตอร์ งานภาพประกอบ และงานกราฟิกแบบ 2 มิติ เช่น การสร้างโลโก้ของสินค้าหรือ งานสิ่งพิมพ์ และสามารถใช้งานร่วมกับระบบคอมพิวเตอร์ได้ทั้งระบบปฏิบัติการ Windows และ Mac OS สาระส าคัญ
1. ความรู้เกี่ยวกับโปรแกรม Adobe Illustrator 2. คุณลักษณะของโปรแกรม Adobe Illustrator 3. การประยุกต์ใช้โปรแกรม Adobe Illustrator 4. ส่วนประกอบของโปรแกรม Adobe Illustrator CS6 5. การใช้โปรแกรม Adobe Illustrator CS6 6. การสร้างงานโดยใช้โปรแกรม Adobe Illustrator CS6 สาระการเรียนรู ้ สมรรถนะประจ าหน่วย 1. แสดงความรู้เกี่ยวกับการใช้โปรแกรม Adobe Illustrator CS6 2. ประยุกต์ใช้โปรแกรมส าเร็จรูปในการพัฒนาชิ้นงานให้ส าเร็จ ตามที่ได้รับมอบหมาย
1. อธิบายความรู้เกี่ยวกับโปรแกรม Adobe Illustrator ได้ 2. อธิบายคุณลักษณะของโปรแกรม Adobe Illustrator ได้ 3. อธิบายการประยุกต์ใช้โปรแกรม Adobe Illustrator ได้ 4. อธิบายส่วนประกอบของโปรแกรม Adobe Illustrator CS6 ได้ 5. อธิบายการใช้โปรแกรม Adobe Illustrator CS6 ได้ 6. สร้างงานโดยใช้โปรแกรม Adobe Illustrator CS6 ได้ จุดประสงค์การเรียนรู้
1. ความรู้เกี่ยวกับโปรแกรม Adobe Illustrator Adobe Illustrator เป็นโปรแกรมส าหรับสร้างภาพกราฟิกในรูปแบบของเวกเตอร์ (Vector Graphics) หรือลายเส้น จัดเป็นโปรแกรมระดับมืออาชีพที่นิยมใช้เป็นมาตรฐาน ในการออกแบบในระดับสากลส าหรับการสร้างภาพประกอบ (Illustrations) หรือการออกแบบ ตัวละคร (Character Design) โดยมีคุณลักษณะที่ส าคัญคือคุณภาพของผลงานที่สร้างขึ้น นั้นจะไม่มีปัญหาเรื่องความละเอียดหรือความคมชัดในการแสดงภาพตามสื่อต่างๆ สามารถ ท างานออกแบบและผลิตสื่อประเภทต่างๆ ในยุคดิจิทัลได้หลากหลาย ไม่ว่าจะเป็นสื่อสิ่งพิมพ์ ภาพประกอบ การ์ตูน การสร้างเว็บไซต์ และภาพเคลื่อนไหว รวมทั้งสามารถรองรับการผลิต บนสื่อได้ทุกรูปแบบ เริ่มตั้งแต่ไอคอน (Icon) เล็กๆ บนสมาร์ตโฟน ไปจนถึงสื่อสิ่งพิมพ์ ป้ายโฆษณา หรือสัญลักษณ์ที่มีขนาดใหญ่
2. คุณลักษณะของโปรแกรม Adobe Illustrator 2.1 มีความยืดหยุ่นในระดับสูง สามารถปรับแต่งพื้นที่ท างานบนหน้าจอได้ 2.2 ประหยัดเวลาในการแก้ไขและสามารถใช้งานหลายๆ บอร์ดพร้อมกันได้ 2.3 สามารถสร้างภาพลายเส้นที่มีความคมชัดสูงและพิมพ์ภาพออกมาได้คมชัด 2.4 มีขนาดไฟล์ค่อนข้างเล็กเมื่อเปรียบเทียบกับโปรแกรมกราฟิกอื่นๆ 2.5 มีเครื่องมือวาดภาพที่หลากหลาย ซึ่งสามารถใช้วาดภาพได้ตั้งแต่ภาพง่ายๆ ไปจนถึง ภาพที่ซับซ้อน 2.6 สามารถใช้งานร่วมกับระบบคอมพิวเตอร์ได้ทั้งระบบปฏิบัติการ Windows และ Mac OS
3. การประยุกต์ใช้โปรแกรม Adobe Illustrator 3.5 การสร้างงานสิ่งพิมพ์ 3.1 การออกแบบสื่อออนไลน์ 3.2 การออกแบบภาพเคลื่อนไหว 3.3 การออกแบบกราฟิก 3.4 การสร้างภาพประกอบ
4. ส่วนประกอบของโปรแกรม Adobe Illustrator CS6 ภาพแสดงหน้าต่างแรกเมื่อเปิดโปรแกรม Adobe Illustrator CS6
4.1 รายการหลัก (Menu Bar) ใช้ส าหรับจัดการไฟล์ ใช้ส าหรับแก้ไขงาน ใช้ส าหรับจัดการ กับตัวอักษร ใช้ส าหรับหมุนวัตถุ เรียงล าดับชั้นวัตถุ และ แปลงคุณสมบัติวัตถุ เป็นชุดค าสั่งที่ใช้ส าหรับ เลือกชิ้นส่วนต่างๆ ของวัตถุ เป็นชุดค าสั่งที่ใช้ ส าหรับเพิ่มลูกเล่น พิเศษให้กับวัตถุ เป็นชุดค าสั่ง ส าหรับเลือกรูปแบบ การแสดงผล เป็นชุดค าสั่งส าหรับ เลือกใช้งาน Panel และเลือกรูปแบบพื้นที่ การท างาน เป็นชุดค าสั่งที่รวบรวม วิธีการใช้งานและค าแนะน า เพื่อให้ความช่วยเหลือ แก่ผู้ใช้โปรแกรม
4.2 กล่องเครื่องมือ (Toolbox) เป็นชุดเครื่องมือที่ใช้ในการสร้างส่วนประกอบต่างๆ ของชิ้นงานลงบนพื้นที่ท างาน เช่น การวาดเส้นหรือรูปทรง การใส่ข้อความ หรือการก าหนดสีให้แก่วัตถุ โดยในชุดเครื่องมือ จะแบ่งกลุ่มของเครื่องมือตามลักษณะการใช้งาน
4.3 ชุดเครื่องมือเสริม (Panel) เป็นชุดเครื่องมือที่ใช้ส าหรับตกแต่งเพื่อเพิ่มความสวยงาม ให้แก่ชิ้นงานที่สร้างขึ้น เช่น การเปลี่ยนสีพื้นหรือสีของเส้น การใส่หัวลูกศร หรือการน าภาพกราฟิกที่มีในโปรแกรมมาใช้
4.4 พื้นที่ท างาน (Art Board) พื้นสีขาวคือพื้นที่ท างาน ซึ่งผู้ใช้โปรแกรมสามารถก าหนดขนาดของพื้นที่ เพิ่มจ านวนหน้า และก าหนด คุณสมบัติของการเป็น RGB หรือ CMYK ได้ตามต้องการ ส่วนพื้นสีเทาคือพื้นที่โต๊ะท างาน พื้นที่ท างาน พื้นที่โต๊ะท างาน
5. การใช้โปรแกรม Adobe Illustrator CS6 5.1 การตั้งค่าพื้นที่ท างาน เริ่มจากการเปิดโปรแกรมขึ้นมา ซึ่งจะพบกับพื้นที่ท างานว่างเปล่า
จากนั้นคลิกที่เมนู File และ New... เพื่อสร้างพื้นที่ท างานขึ้นมา 1 2
จากนั้นจะปรากฏหน้าต่าง New Document เพื่อให้ก าหนดค่าต่างๆ และกดปุ่ม OK ตั้งชื่อไฟล์ ก าหนดจ านวนพื้นที่ ท างานที่ต้องการ เลือกขนาด พื้นที่ท างาน ก าหนด Profile ตามการใช้งาน เช่น Print เหมาะส าหรับ งานสิ่งพิมพ์ หรือ Web เหมาะส าหรับงานเว็บไซต์ ก าหนดค่าของหน่วยวัด เลือกรูปแบบการจัดวางพื้นที่ ท างาน (แนวนอน/แนวตั้ง)
แสดงพื้นที่ท างานที่พร้อมสร้างสรรค์ผลงาน
5.2 การตั้งค่าเครื่องมือพื้นฐาน • การแสดงไม้บรรทัดบนโต๊ะท างาน 1) คลิกที่เมนู View > Rulers และ Show Rulers หรือกดปุ่ม Ctrl + R 1 2 3
2) แถบไม้บรรทัดจะปรากฏขึ้นมาบนโต๊ะท างาน และหากต้องการน าออกให้คลิกที่เมนู View > Rulers > Hide Rulers หรือกดปุ่ม Ctrl + R อีกครั้ง
• การสร้างเส้นไกด์บนพื้นที่ท างาน ท าได้โดยคลิกและลากเมาส์จากด้านซ้ายและด้านบนของแถบไม้บรรทัด จากนั้นลากมาวางไว้บนพื้นที่ท างาน ซึ่งเส้นไกด์จะปรากฏขึ้นตามแนวที่ลากไว้เพื่อก าหนดขอบเขตของชิ้นงาน แนวตั้ง แนวนอน
• การล็อกเส้นไกด์ไม่ให้ขยับ ท าได้โดยคลิกที่เมนู View > Guides และ Lock Guides หรือกดปุ่ม Alt + Ctrl + ; เส้นไกด์ทั้งหมดจะถูกล็อกทันที และหากต้องการปลดล็อกเพื่อปรับเส้นไกด์ให้คลิกเมนู View > Guides > คลิกเพื่อน าเครื่องหมายถูกที่หน้า Lock Guides ออก หรือกดปุ่ม Alt + Ctrl + ; อีกครั้ง 1 2 3
• การแสดงไม้บรรทัดบนพื้นที่ท างาน 1) คลิกที่เมนู View > Rulers และ Show Video Rulers 1 2 3
2) แถบไม้บรรทัดจะปรากฏขึ้นมาบนขอบของพื้นที่ท างาน และหากต้องการน าไม้บรรทัดบนพื้นที่ท างานออก ให้คลิกเมนู View > Rulers > Hide Video Rulers
• การแสดงเส้นกริดบนพื้นที่ท างาน 1) คลิกที่เมนู View และ Show Grid หรือกดปุ่ม Ctrl + “ 1 2
2) เส้นกริดจะปรากฏขึ้นมาบนพื้นที่ท างาน และหากต้องการน าเส้นกริดบนพื้นที่ท างานออกให้คลิกเมนู View > Hide Grid หรือกดปุ่ม Ctrl + “ อีกครั้ง
• การแสดงเส้นขอบเขตการพิมพ์ 1) คลิกที่เมนู View และ Show Print Tiling 1 2
2) เส้นขอบเขตการพิมพ์จะปรากฏขึ้นมาบนพื้นที่ท างาน และหากต้องการน าเส้นขอบเขตการพิมพ์ออก ให้คลิกเมนู View > Hide Print Tiling
• การตั้งเส้นขอบเขตการพิมพ์ให้ตรงกับขนาดพื้นที่ท างาน 1) คลิกที่เมนู File และ Print... หรือกดปุ่ม Ctrl + P 1 2
2) เลือกขนาดพื้นที่ท างานในช่อง Media Size จากนั้นกดปุ่ม Done 1 2
• การดึงภาพเข้า (Zoom In) และการดึงภาพออก (Zoom Out) 1) คลิกที่เมนู Window และ Navigator 1 2
2) หากต้องการดึงภาพเข้าให้คลิกปุ่ม Zoom In หรือกดปุ่ม Ctrl + และหากต้องการดึงภาพออกให้คลิกปุ่ม Zoom Out หรือกดปุ่ม Ctrl - Zoom Out Zoom In
6.1 การวาดรูปทรง คลิกเมาส์ซ้ายที่ Rectangle Tool ค้างไว้ และเลือกรูปทรงที่ต้องการ 6. การสร้างงานโดยใช้โปรแกรม Adobe Illustrator CS6 1 2
เลือกสีพื้นและสีเส้น จากนั้นคลิกแล้วลากเมาส์ซ้ายเพื่อวาดรูปทรงลงบนพื้นที่ท างาน สีเส้น สีพื้น
6.2 การสร้างตัวอักษร คลิกเมาส์ซ้ายที่ Type Tool
จากนั้นคลิกเมาส์ซ้ายลงบนพื้นที่ท างาน เลือกชุดแบบตัวอักษร (Font) เลือกรูปแบบของตัวอักษร (Style) ซึ่งมีให้เลือกทั้งแบบตัวหนา (Bold) ตัวเอียง (Italic) หรือขีดเส้นใต้ (Underline) ก าหนดขนาดของตัวอักษร (Size) และพิมพ์ข้อความที่ต้องการลงไปในพื้นที่ท างาน Font Style Size
6.3 การเปลี่ยนสีตัวอักษร คลิกเลือกเครื่องมือ Selection Tool จากนั้นคลิกบนตัวอักษรที่พิมพ์ไว้บนพื้นที่ท างาน
ก าหนดสีพื้นและสีเส้นของตัวอักษรได้ตามความต้องการ สีเส้น สีพื้น
6.4 การวาดเส้นตรง คลิกเลือกเครื่องมือ Line Segment Tool จากนั้นคลิกและลากเมาส์วาดเส้นตรงลงไปบนพื้นที่ท างาน Line Segment Tool
เปลี่ยนสีเส้นและก าหนดขนาดของเส้นได้ตามความต้องการ ก าหนดขนาดของเส้น สีเส้น
6.5 การวาดรูปด้วยดินสอ เริ่มจากคลิกเครื่องมือ Pencil Tool เลือกสีเส้นและก าหนดขนาดของเส้น จากนั้นคลิกและลากเมาส์ เพื่อวาดรูปลงบนพื้นที่ท างานตามความต้องการ ก าหนดขนาดของเส้น สีเส้น
6.6 การวาดรูปด้วยพู่กัน ท าได้โดยคลิกที่เครื่องมือ Paintbrush Tool เลือกสีเส้น ก าหนดขนาดของเส้น ก าหนดลักษณะของหัวแปรง และก าหนดคุณสมบัติของเส้น จากนั้นคลิกและลากเมาส์เพื่อวาดรูปลงบนพื้นที่ท างานตามความต้องการ ก าหนดขนาดของเส้น สีเส้น ก าหนดคุณสมบัติ ของเส้น ก าหนดลักษณะ ของหัวแปรง
โปรแกรม Adobe Illustration เป็นโปรแกรมที่ใช้ส าหรับสร้างภาพกราฟิกที่มีลักษณะเป็นลายเส้น หรือที่เรียกว่าเวกเตอร์ สามารถสร้างภาพลายเส้นที่มีความคมชัดสูง รวมทั้งมีเครื่องมือวาดภาพที่หลากหลาย ซึ่งสามารถใช้วาดภาพได้ตั้งแต่ภาพที่เรียบง่ายไปจนถึงภาพที่ซับซ้อน ส าหรับโปรแกรม Adobe Illustrator CS6 ประกอบด้วย 4 ส่วนหลัก ได้แก่ รายการหลัก กล่องเครื่องมือ ชุดเครื่องมือเสริม และพื้นที่ท างาน ซึ่งนิยมใช้ ในการออกแบบกราฟิก สื่อออนไลน์ ภาพเคลื่อนไหว ภาพประกอบ และงานที่เกี่ยวข้องกับสิ่งพิมพ์ด้วย สรุป