บทที่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>