หน่วยที่7

หนว่ ยท่ี 7 การจดั วางและการปรับปรุงรปู ทรงใน Illustrator หัวข้อเรอ่ื ง (Topics) 7.1 การใช้งานเคร่อื งมือวดั ตำแหน่งต่าง ๆ กำหนเส้น 7.2 ประโยชนใ์ นการบอกตำแหน่งวตั ถุด้วย Ruler 7.3 ล็อกเสน้ ไกด์ 7.4 ลบเสน้ ไกด์ 7.5 ซอ่ นการแดงเครื่องมอื บนวัตถุ 7.6 การปรบั ขนาดด้วยพาเนล Transform แนวคิดสำคัญ (Main Idea) จากการที่ได้สร้างรูปทรงภาพแล้ว ในขั้นตอนนี้เรามาทำการปรับขนาดของภาพ หมุนบิดภาพ เพอ่ื ใหร้ ปู ทรงของภาพเปล่ียนไปเราเรียกวธิ ีนวี้ ่า “Transform” สมรรถนะย่อย (Element of Competency) ใช้องค์ประกอบศิลปส์ ำหรบั งานคอมพวิ เตอร์ จุดประสงคก์ ารปฏิบัติ (Performance Objectives) 1. ใช้เครอ่ื งมอื เพื่อช่วยมนการจัดวางภาพ 2. ปรับขนาดภาพด้วยคำสง่ั ตา่ ง ๆ 3. หมุนภาพให้อยใู่ นมุมมองที่ตอ้ งการดว้ ยคำสง่ั Rotate 4. บดิ ภาพด้วยคำส่ังต่างๆ

7.1 การใช้เครือ่ งมือวดั ตำแหนง่ ต่าง ๆ กำหนดเส้น 7.1.1 การใชเ้ ส้น Grid เสน้ Grid คอื ตารางสมมตุ ทิ ี่ชว่ ยในการวาดและการจดั วางวตั ถไุ ดอ้ ย่างแม่นยำ 1. แสดงเส้นกรดิ ให้คลกิ ขวาบนอาร์ตบอร์ดแลว้ เลือกคำสั่ง Show > Grid 2. ยกเลิกการแสดง ให้คลกิ ขวาเลือกคำส่งั Hide > Grid 3. ให้วัตถุยึดติดกับเส้นกริดอัตโนมัติ ขณะวาดหรือย้ายตำแหน่งให้ใช้คำสั่ง View > Snap to Grid และเมื่อต้องการยกเลิกใหค้ ำส่ังเดมิ ซ้ำอีกครง้ั รูปที่ 7.1 การใชเ้ ส้น Grid 7.1.2 การใชเ้ ส้น Guide เส้นไกด์ (Guide) คือ เส้นที่ช่วยในการบอกตำแหน่งเพื่อวางวัตถุเหมือนกับเส้นกริดแต่สามารถ สร้างและจดั วางไปยงั ตำแหน่งต่าง ๆ ได้เองทั้งแนวตั้งและแนวนอนโดยใหแ้ สดงแถบไมบ้ รรทัดเสยี ก่อน 1. สร้างเส้นไกด์ ทำได้โดนการคลิกเมาส์ค้างแล้วลากออกจากแถบไม้บรรทัดตามแนวตั้งหรือ แนวนอนไปยังตำแหน่งท่ีตอ้ งการ 2. ซ่อนเส้นไกด์ ให้คลิกขวาบนพื้นที่การทำงานแล้วเลือกคำสั่ง Hide > Guide เมื่อต้องการ แสดงเส้นไกดก์ ลบั คืน ก็ใหค้ ลกิ ขวาคำสงั่ Show > Guide

รูปท่ี 7.2 การใช้เสน้ Guide 7.1.3 การใช้ Smart Guides สมาร์ทไกด์ (Smart Guides) เป็นเสน้ ไกดท์ ปี่ รากฏขน้ึ โดยอัตโนมัตซิ ่งึ จะอำนวยความสะดวกใน การเลือก การวาด และการจัดวางวัตถุ การแสดงสมาร์ทไกด์ ทำได้โดยใช้คำส่งั View > Smart Guides การยกเลกิ สมารท์ ไกด์ ทำได้โดยใชค้ ำสั่ง View > Smart Guides ซำ้ อีกครง้ั รปู ท่ี 7.3 การสรา้ งเส้นสมาร์ทไกด์

7.2 ประโยชน์ในการบอกตำแหน่งวตั ถดุ ้วย Ruler ประโยชน์ของไม้บรรทัด (Ruler) คือ ทำให้เราสามารถวัดและกำหนดตำแหน่งของวัตถุต่าง ๆ ได้ แม่นยำอีกทั้งยังใช้ในการสร้างเส้นไกด์อีกด้วย เราสามารถแสดงแถบไม้บรรทัดได้โดยคลิกขวาบนอาร์ต บอรด์ แล้วเลือกคำสง่ั Show Rulers รูปที่ 7.4 การแสดงไมบ้ รรทัด 7.3 ล็อกเสน้ ไกด์ เพอ่ื ไมใ่ ห้เสน้ ไกด์ มีการเปล่ียนตำแหน่ง ใหค้ ลกิ ขวาบนอารต์ บอร์ดแลว้ เลือกคำส่งั Lock Guides รูปที่ 7.5 คำส่ัง Lock Guides

7.4 ลบเสน้ ไกด์ การลบบางเส้น ใหใ้ ช้เครื่องมือ Selection คลกิ เลือกเสน้ ไกด์ท่ีต้องการแลว้ กดคยี ์ Delete การลบเสน้ ไกดท์ ั้งหมด ใหใ้ ชค้ ำสัง่ View > Guides > Clear Guides รปู ที่ 7.6 การลบเสน้ ไกด์ 7.5 ซ่อนการแสดงเคร่ืองมือบนวตั ถุ ซ้อนเส้นไกด์ ให้คลิกขวาบนอาร์ตบอร์ดแล้วเลอื กคำสั่ง Hide Guides เมื่อต้องการแสดงเส้นไกด์ กลับคนื Show > Guides รปู ท่ี 7.7 คำสั่งการซ่อนเส้นไกด์ 7.6 การปรับขนาดดว้ ยพาเนล Transform การปรับขนาดด้วยพาเนล Transform เป็นวิธีการปรับขนาดที่มีความแม่ยำ สามารถกำหนด ขนาดความกว้างและความสูงไดอ้ ย่างดี และผ่านการใช้งานพาเนล Transform ดวั ตัวอยา่ งดังนี้

1. คลิกเลือกวัตถุด้วยเร่ืองมือ Selection Tool 2. ในการยึดวตั ถใุ ห้คงสัดส่วนเดิมใหท้ ำการกำหนดความกว้างและความสงู 2 รูปท่ี 7.8 การปรับขนาด 7.6.1 ปรับขนาดท่ตี ดั ต่อให้พอดี (Scale Tool) ปรบั ขนาดวตั ถุทีต่ ดั ต่อให้พอดี เป็นวธิ ีการปรบั ขนาดโดยใช้จดุ ศูนยก์ ลางเปน็ ตัวกำหนดใหค้ ลกิ เลือก Scale Tool และคลิกดึงวตั ถุให้ยอ่ หรือขยาย ดงั กลา่ วดงั นี้ 1. คลกิ เลือกวตั ถดุ ้วยเครอ่ื งมือ Selection Tool 1 2. คลิกดงึ วัตถุให้ย่อ หรอื ขยาย 2 รูปที่ 7.9 การปรับขนาดวตั ถุ

7.6.2 หมุนวัตถุให้ได้มุมท่ลี งตวั (Rotate) ในการปรับหมนุ วัตถุให้มีทิศทางทลี่ งตวั โดยกำหนดค่ามมุ ท่ีแนน่ อน และสามารถกำหนดให้หมนุ เฉพาะวตั ถุ หรอื ลวดลายภายในวตั ถุได้ โดยการคลิกเลือกวัตถุ เลอื กคำสง่ั Object > Transform > Rotate… จะปรากฏหน้าต่าง Rotate กำหนดคา่ ตา่ ง ๆ ดังนี้ * Angle กำหนดคา่ ในการหมุน * Options กำหนดคณุ สมบัติอ่ืน ๆ เพิ่มเติม * Object เลือกเพ่ือหมุนวัตถุ * Patterns เลือกเพื่อหมุนลวดลาย เมื่อมกี ารใสล่ วดลายเปน็ พ้ืนวัตถุ 7.6.3 บดิ วัตถุให้ลาดเอยี ง (Shear Tool) การบดิ วตั ถใุ ห้ลาดเอยี ง เป็นการหมุนบิดวตั ถุ ซึ่งเราสามารถกำหนดจดุ ทเ่ี ป็นแกนในการบดิ วัตถุได้ ใหค้ ลกิ เลอื ก Shear Tool จากนั้นคลกิ ที่ เพ่ือเล่ือนกำหนดจุดที่เปน็ แกนในการบิด และคลิกบิดวัตถุตามที่ ต้องการ ดังน้ี 1. คลกิ เลือกเครอ่ื งมือ Shear Tool 2. คลกิ เม่อื กำหนดจุดทีเ่ ป็นแกนในการบิดวตั ถุ 3. คลิกลากเมาส์บิดวตั ถุ 1 23 รปู ที่ 7.10 การบดิ วตั ถุ 7.6.4 บดิ เอยี งวัตถุดว้ ยพาเนล (Transform) บดิ เอยี งวัตถดุ ้วยพาเนล เป็นการหมนุ บิดวตั ถทุ ี่มคี วามแม่นยำ และสามารถกำหนดคา่ ของมุมองศา ที่เอียงในการบิดวัตถุได้อย่างเจาะจง โดยค่าน้อยกว่า 0 วัตถุจะบิดเอียงไปทางซ้าย ถ้าค่ามากกว่า 0 วัตถุ จะบดิ เอยี งไปทางด้านขวา ดังน้ี 1. คลกิ เลือกวตั ถดุ ว้ ยเครื่องมือ Selection Tool 2. กำหนดแกนในการบดิ วตั ถุ 3. จากนัน้ เราสามารถกำหนดมุมความเอยี ง

1 2 3 รปู ที่ 7.11 การบิดเอยี งวัตถุ 7.6.5 บดิ เอยี งวตั ถดุ ้วยคำสั่ง Shear บดิ เอยี งวตั ถดุ ว้ ยคำส่งั Shear เปน็ การบิดวตั ถอุ ย่างเจาะจง โดยคลกิ เลือกวตั ถุ เลอื กเมนู คำส่งั Object > Transform > Shear… จะปรากฏหน้าตา่ ง Shear กำหนดค่าต่าง ๆ ดังน้ี

12 3 รูปที่ 7.12 คำส่งั Shear รปู ที่ 7.13 บดิ เอียงวัตถุดว้ ยคำสง่ั

Shear Angle กำหนดมมุ เอียงในการบิดวัตถุ Axis กำหนดแกนในการบิดวตั ถุ Horizontal ใชแ้ กนแนวนอนบิดวตั ถุ Vertical ใชแ้ กนแนวต้งั บดิ วตั ถุ Angle ใชแ้ กนตามองศาท่ีระบุบดิ วตั ถุ Options กำหนดคณุ สมบตั ิอ่นื ๆ เพ่ิมเติม Objects เลือกบิดวัตถุ Patterns เลอื กเพื่อบดิ ลวดลาย เมื่อมกี ารใสล่ วดลายเป็นพ้นื วตั ถุ