บทที่7-3แก้แล้ว

หน่วยที่ 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 2. คลกิ ดงึ วัตถุใหย้ ่อ หรือ ขยาย 1 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>