หน่วยที่ 6 การเลือกใช้งานวัตถุใน Illustrator

หน่วยที่ 6 การเลอื กใช้งานวตั ถุใน Illustrator หัวข้อเรื่อง (Topics) 6.1 การเลือกใชง้ านวตั ถุ Selection Tool 6.2 การเลือกใชง้ านวตั ถุ Direct Selection Tool 6.3 การเลือกใชง้ านวตั ถุ Marquee Selection Tool 6.4 การเลือกใชง้ านวตั ถุ Lasso Tool 6.5 การเลือกใชง้ านวตั ถุ Magic Wand Tool 6.6 การเคลื่อนยา้ ยวตั ถุ 6.7 เคล่ือนยา้ ยวตั ถุดว้ ย Selection Tool 6.8 เคล่ือนยา้ ยวตั ถุดว้ ย Direct Selection Tool 6.9 เคล่ือนยา้ ยวตั ถุดว้ ยคาสั่ง Move 6.10 การทาสาเนาวตั ถุ 6.11 การจดั กลุ่มวตั ถุ 6.12 การลอ็ กวตั ถุ 6.13 การซ่อง/แสดงวตั ถุ 6.14 การจดั ลาดบั วตั ถุ แนวคิดสาคญั (Main Idea) การเลือกใชง้ านวตั ถุ เป็นหลกั การอยา่ งหน่ึงที่ใชใ้ นการตกแตง่ ของโปรแกรม Illustrator CS5 เพราะ จะตอ้ งมีการเคลื่อนยา้ ย จดั กลุ่ม ซ่อนวตั ถุ ลาดบั วตั ถุ รวมไปถึงการทาสาเนาวตั ถุอีกดว้ ย สมรรถนะย่อย (Element of Competency) เลือกใชง้ านวตั ถุใน Illustrator จุดประสงค์การปฏิบตั ิ (Performance Objectives) 1. อธิบายเกี่ยวกบั การเลือกใชง้ านวตั ถุ 2. อธิบายการเคลื่อนยา้ ยวตั ถุ 3. อธิบายการทาสาเนาวตั ถุ 4. อธิบายการจดั กลุ่มวตั ถุ 5. อธิบายการล็อกวตั ถุ 6. อธิบายการซ่อน/แสดงวตั ถุ 7. อธิบายการจดั ลาดบั วตั ถุ

6.1 การเลอื กใช้งานวตั ถุ Selection Tool การเลือกใชง้ านวตั ถุ Selection Tool เป็นการใชเ้ คร่ืองมือในการเลือกวตั ถุ และหากวตั ถุถูกรวมกลุ่ม กนั อยู่ (Group) เคร่ืองมือน้ีก็เลือกวตั ถุท้งั กลุ่มโดยคลิกเลือก Selection Tool ที่เคร่ืองเลือก และคลิกเลือกวตั ถุ ซ่ึงจะแสดงกราอบภาพ (Bounding Box) เพ่อื ใหส้ ามารถคลิกยา้ ยตาแหน่งของวตั ถุได้ 1. คลิกเลือก Selection Tool 2. คลิกเลือกภาพ 3. คลิกเล่ือนตาแหน่ง รูปที่ 6.1 การเคลื่อนตาแหน่งภาพ 6.2 การเลอื กใช้งานวตั ถุ Direct Selection Tool การเลือกใชง้ านวตั ถุ Direct Selection Tool เป็นการใชเ้ ครื่องมือเลือกจุดยดึ (Anchor Point) หรือเส้นพาธ (Path) ของวตั ถุ ทาใหเ้ ราสามารถแกไ้ ขหรือปรับแตง่ วตั ถุในส่วนของเส้นพาธตรงจุดน้นั ไดเ้ ลย โดยคลิก เลือก Direct Selection Tool ที่กล่องเครื่องมือ 1. คลิกเลือกเฉพาะเส้นพาธ หรือจุดยดึ 2. คลิกเลือก Direct Selection Tool 3. คลิกเลือกพาธ 4. คลิกเลื่อนพาธ รูปที่ 6.2 การแกไ้ ขเส้นพาธ

6.3 การเลอื กใช้งานวตั ถุ Marquee Selection Tool การเลือกใชง้ านวตั ถุ Marquee Selection Tool เป็นการเลือกวตั ถุโดยสร้างพ้ืนที่รอบวตั ถุท้งั หมดที่ ตอ้ งการ ในกรณีที่ตอ้ งการเลือกวตั ถุที่มีจานวนมาก และอยใู่ นบริเวณพ้นื ท่ีเดียวกนั ซ่ึงวธิ ีน้ีทาได้ โดยคลิก เลือกเคร่ืองมือสาหรับเลือกวตั ถุ (Selection Tool Direct Selection Tool, Group Selection Tool) และ ลาก เมาส์เป็นรูปส่ีเหล่ียมใหค้ รอบ หรือโดนวตั ถุที่ตอ้ งการเลือก 1. คลิกเลือก Selection Tool 2. คลิกกาหนดพ้นื ท่ีรูปสี่เหลี่ยมครอบคลุมวตั ถุที่ตอ้ งการเลือก 3. วตั ถุท้งั หมดท่ีอยใู่ นพ้ืนที่เหลี่ยมจะถูกเลือก 13 2 รูปท่ี 6.3 การเลือกวตั ถุ 6.4 การเลอื กใช้งานวตั ถุ Lasso Tool Lasso Tool เป็นเครื่องมือท่ีใชเ้ ลือกส่วนของวตั ถุ หรือเส้นพาธ และจุดยดึ ซ่ึงจะมีการใชง้ านท่ีคลา้ ยกบั Direct Selection Tool แต่สามารถที่จะเลือกวตั ถุท่ีตอ้ งการเลือก 1. คลิกกาหนดพ้ืนที่รูปสี่เหลี่ยมครอบคลุมวตั ถุที่ตอ้ งการเลือก 2. คลิกเลือก Lasso Tool 3. ลากเมาส์ผา่ นวตั ถุท่ีตอ้ งการ 1 3

รูปที่ 6.4 การกาหนดพ้ืนที่ 6.5 การเลอื กใช้งานวตั ถุ Magic Wand Tool Magic Wand Tool เป็นเคร่ืองมือที่ใชเ้ ลือกส่วนของวตั ถุที่มีสีที่คลา้ ยกนั โดยอา้ งอิงจากสีของตน้ แบบ ดงั ตวั อยา่ งจะเลือกส่วนหางจะไดเ้ ลือกพาธในส่วนอื่น ๆ ที่หางโดยคลิกเลือก Magic Wand Tool และคลิกเลือก พาธ หรือวตั ถุที่ตอ้ งการ 1. คลิกเลือก Magic Wand Tool 2. คลิกเลือกพาธ หรือวตั ถุที่ตอ้ งการ 1 รูปท่ี 6.5 การใชเ้ คร่ืองมือ Magic Wand Tool 6.7 เคลอ่ื นย้ายวตั ถุด้วย Selection Tool การใช้ Selection Tool จะใชใ้ นกรณีที่ตอ้ งการยา้ ยวตั ถุ หรือกลุ่มวตั ถุท้งั สิ้น โดยมีข้นั ตอนดงั น้ี 1. คลิกเลือก Selection Tool 2. คลิกเลื่อนตาแหน่งของวตั ถุ รูปท่ี 6.6 การเคลื่อนตาแหน่งภาพ

6.8 เคลอื่ นย้ายวตั ถุด้วย Direct Selection Tool การเคล่ือนยา้ ยวตั ถุดว้ ย Direct Selection Tool เป็นการคดั ลอกวตั ถุโดยใชเ้ ครื่องมือต่าง ๆ (Selection Tool, Direct Selection Tool และ Group Selection Tool) โดยเร่ิมดว้ ยการกดคีย์ <Alt> คา้ งแลว้ คลิกเลือก วตั ถุ จะเกิดการคกั ลอกเป็นวตั ถุใหม่ใหอ้ ยใู่ นไฟลแ์ ละเลเยอร์เดียวกบั วตั ถุตน้ แบบ รูปที่ 6.7 การเคล่ือนยา้ ยวตั ถุดว้ ย Direct Selection Tool 6.9 เคลอื่ นย้ายวตั ถุด้วยคาส่ัง Move คาสัง่ Move เป็นคาสั่งในการยา้ ยตาแหน่งของวตั ถุ โดยระบุตาแหน่งใหม่จากตาแหน่งเดิม ท้งั ระยะและ ทิศทาง โดยเลือกวตั ถุที่ตอ้ งการเคลื่อนยา้ ย และเลือกเมนูคาส่งั Object > Transform > Move… จะปรากฏ หนา้ ตา่ ง Move เพอื่ กาหนดระยะทางในการยา้ ยตาแหน่ง ดงั น้ี Horizontal กาหนดระยะห่างในแนวนอน Vertical กาหนดระยะห่างในแนวต้งั Distance กาหนดระยะห่างจากตาแหน่งเดิมไปยงั ตาแหน่งใหม่ Angle กาหนดมุมยา้ ยวตั ถุ

รูปท่ี 6.8 การเคลื่อนยา้ ยวตั ถุดว้ ยคาสัง่ Move 6.10 การทาสาเนาวตั ถุ เราสามารถทาสาเนา (Copy) วตั ถุน้ีโดยท่ีไมต่ อ้ งทาการวาดข้ึนมาใหม่ใหเ้ สียเวลา ดงั น้ี สาเนาวตั ถุดว้ ย การคลิกลากเป็นการคกั ลอกวตั ถุโดยใชเ้ ครื่องมือตา่ ง ๆ (Selection Tool, Direct Selection Tool และ Group Selection Tool) โดยเร่ิมดว้ ยการกดคีย์ <Alt> คา้ ง แลว้ คลิกลากวตั ถุ จะเกิดการคกั ลอกเป็นวตั ถุใหม่ใหอ้ ยใู่ น ไฟล์ และเลเยอร์เดียวกบั วตั ถุตน้ แบบ รูปที่ 6.9 การเคล่ือนยา้ ยวตั ถุดว้ ย Direct Selection Tool (ก) คลิกเลือก Selection แลว้ คลิกเลือกวตั ถุท่ีตอ้ งการคกั ลอก จากน้นั กด Alt คา้ งไวแ้ ลว้ ลากวตั ถุไป ยงั ตาแหน่งใหม่ (ข) เมื่อลากวตั ถุไปยงั ตาแหน่งใหม่แลว้ ใหป้ ล่อยเมาส์จะไดว้ ตั ถุที่ทาการคกั ลอกเสร็จเรียบร้อย 6.11 การจัดกลุ่มวตั ถุ การรวมกลุ่มของวตั ถุเขา้ ดว้ ยกนั หรือที่เรียกวา่ การจดั กลุ่ม (Grouping) ซ่ึงการจดั กลุ่มน้ีจะทาใหเ้ รา สะดวกในการทางานและเคล่ือนยา้ ยงานไดง้ ่ายข้ึน ดงั น้ี 1. เลือกวตั ถุท้งั หมดที่ตอ้ งการจดั กลุ่ม 2. เลือกเมนูคาสง่ั Object > Group หรือกดคีย์ <Ctrl + G>

2 1 รูปที่ 6.10 การจดั กลุ่มวตั ถุ 6.12 การลอ็ กวตั ถุ เราสามารถทาการล็อกวตั ถุ เพอื่ ป้ องกนั การแกไ้ ขหรือการเคลื่อนยา้ ยไปจากตาแหน่งเดิมได้ โดยเลือก เมนูคาสัง่ Object > Group > คาสั่งที่ตอ้ งการ คือ Selection ล็อกวตั ถุที่เลือก All Artwork Above ลอ็ กวตั ถุที่อยดู่ า้ นบนของวตั ถุท่ีเลือก Other Layers ล็อกวตั ถุที่อยเู่ ลเยอร์อื่น

รูปที่ 6.11 คาสง่ั การล็อกวตั ถุ 1. คลิกเลือกวตั ถุ 2. เลือกเมนูคาสั่ง Object > Lock > คาส่งั ที่ตอ้ งการ รูปที่ 6.12 การลอ็ กวตั ถุ 6.13 การซ่อน/แสดงวตั ถุ บางคร้ังวตั ถุเหล่าน้นั อาจเป็นท่ีรบกวนสายตาของเรา เราสามารถทาการซ่อนวตั ถุได้ ขณะที่เรายงั ไม่ ตอ้ งการใชง้ าน โดยเลือกเมนูคาสงั่ Object > Hide > คาส่งั ที่ตอ้ งการ ดงั น้ี Selection ซ่อนวตั ถุท่ีเลือก All Artwork Above ซ่อนวตั ถุท่ีอยดู่ า้ นบนของวตั ถุท่ีเลือก Other Layers ซ่อนวตั ถุที่อยเู่ ลเยอร์อื่น 1. คลิกเลือกวตั ถุ 2. เลือกเมนู Object > Hide > คาสัง่ ที่ตอ้ งการ

รูปท่ี 6.13 การซ่อนวตั ถุ 6.14 การจัดลาดบั วตั ถุ เรายงั ตอ้ งจดั ลาดบั ก่อนหลงั ของวตั ถุที่วางซอ้ นกนั เพ่ือใหภ้ าพที่ออกมาน้นั ถูกตอ้ งและสวยงาม โดย เลือกคาสงั่ Object > Arrange >คาสัง่ ที่ตอ้ งการดงั น้ี Bring to Front (หรือกดคีย์ <Shift + Ctrl+ ]>) เล่ือนวตั ถุไปไวด้ า้ นหนา้ สุ Bring to Forward (หรือกดคีย์ <Ctrl + ]>) เล่ือนวตั ถุไปไวด้ า้ นหนา้ 1 ดาดบั Send Backward (หรือกดคีย์ <Ctrl + [>) เล่ือนวตั ถุไปไวด้ า้ นหลงั 1 ลาดบั Send to Back (หรือกดคีย์ <Shift + Ctrl + [>) เล่ือนวตั ถุไปไวด้ า้ นหลงั สุด 1. คลิกเลือกวตั ถุ 2. เลือกเมนูคาสงั่ Object > Arrange > คาสัง่ ท่ีตอ้ งการ รูปที่ 6.14 การจดั ลาดบั วตั ถุ

สรุปสาระสาคญั ในหน่วยการเรียนน้ีมีการจดั การกบั วตั ถุใดๆ เราตอ้ งเลือกวตั ถุน้นั ก่อน โดยในการเลือกวตั ถุน้นั แบ่ง ออกเป็ นหลายรูปแบบตามความตอ้ งการและตามความเหมาะสมในการเลือกใชง้ าน กจิ กรรมหน่วยท6ี่ การเลอื กใช้งานวตั ถุใน Illustrator จุดประสงคก์ ารปฏิบตั ิ ออกแบบนามบตั รดว้ ยโปรแกรมคอมพิวเตอร์ การทากิจกรรม ใหน้ กั เรียนออกแบบนามบตั รของตนเองโดยใชโ้ ปรแกรมคอมพวิ เตอร์ในการออกแบบท่ีตนถนดั