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

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

กิจกรรมหนว่ ยที่7 การจดั วางและการปรังปรุงรปู ทรงใน Illustator จุดประสงคก์ ารปฏบิ ตั ิ ปดิ เอียงภาพดว้ ยคาสั่งของโปรแกรม Illustator การทากจิ กรรม 1. จงเลอื กรปู ภาพแลว้ นาภาพทีเ่ ลอื กมาออกแบบบดิ เอียงภาพดว้ ยคาส่งั Shear 2. จงเลือกรปู ภาพแลว้ นาภาพทเ่ี ลอื กมาออกแบบบดิ เอียงภาพดว้ ยคาสั่ง Shear Tool 3. จงเลือกรปู ภาพแลว้ นาภาพท่เี ลอื กมาออกแบบบิดเอยี งภาพด้วยคาสั่ง Transform

แบบทดสอบกอ่ นเรียนหนว่ ยท่ี 7 การจดั วางและการปรงั ปรงุ รูปทรงใน Illustrator คาสง่ั จงทาเคร่อื งหมายถูก √ ทับขอ้ ทถี่ กู ตอ้ งและกากบาท × ทับขอ้ ท่ีผดิ ……….1. Shear Angle เป็นการกาหนดมมุ เอียงในการบดิ วัตถุ ……….2. ลบเส้นไกด์ทง้ั หมดใหใ้ ช้คาสั่ง View > Guides > Delete ……….3. การบิดวตั ถุอย่างเจาะจง ใชเ้ มนูคาสง่ั Object > Transform > Shear ……….4. ล็อกเสน้ ไกด์ ควรกดปุ่มคียล์ ดั <Alt+Ctrl+;> ……….5. ปรบั ขนาดวัตถทุ ่ีตัดต่อให้พอดี (Ruler Tool) ...........6. บดิ เอยี งวตั ถดุ ว้ ยพาเนล (Transform) โดยค่าน้อยกว่า 0 วตั ถุบดิ เอยี งไปทางด้านขวา ...........7. บิดเอียงวตั ถุด้วยพาเนล (Transform) โดยค่ามากกกว่า 0 วัตถบุ ิดเอียงไปทางด้านซ้าย ...........8. การแสดงเส้นไกด์ Show > Guides ………..9. การบดิ วัตถุให้ลาดเอียงใช้เคร่ืองมือ (Shear Tool) .........10. การแสดงไมบ้ รรทัด ใช้คีย์ลดั <Ctrl+L>