หน่วยที่ 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 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ี่ การจัดวางและการปรังปรุงรูปทรงใน Illustator จุดประสงค์การปฏิบตั ิ ปิ ดเอียงภาพดว้ ยคาสง่ั ของโปรแกรม Illustator การทากจิ กรรม 1. จงเลือกรูปภาพแลว้ นาภาพที่เลือกมาออกแบบบิดเอียงภาพดว้ ยคาส่ัง Shear 2. จงเลือกรูปภาพแลว้ นาภาพที่เลือกมาออกแบบบิดเอียงภาพดว้ ยคาสง่ั Shear Tool 3. จงเลือกรูปภาพแลว้ นาภาพท่ีเลือกมาออกแบบบิดเอียงภาพดว้ ยคาส่งั Transform