บทที่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 2 3 รปู ที่ 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>