หน่วยที่ 7การจัดวางและการปรับรูปทรงใน Illustrator

หนว่ ยที่ 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. คลกิ ดงึ วตั ถใุ ห้ยอ่ หรอื ขยาย 12 รปู ท่ี 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. คลิกลากเมาส์บดิ วตั ถุ 2 13 รปู ท่ี 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>