หน่วยที่่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 1. คลกิ เลือกวตั ถดุ ว้ ยเคร่อื งมือ Selection Tool 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 เลือกเพื่อบดิ ลวดลาย เม่ือมีการใส่ลวดลายเป็นพ้ืนวตั ถุ