บทที่ 7 การจัดวางและการปรับรูปทรงใน lllustrator

หนว่ ยที่ 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 เลอื กเพ่ือบิดลวดลาย เม่อื มกี ารใสล่ วดลายเป็นพ้นื วตั ถุ