บทที่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 1 2. คลิกเม่ือกาหนดจดุ ที่เป็นแกนในการบิดวัตถุ 3. คลิกลากเมาส์บิดวตั ถุ 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>