หน่วยที่ 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>