หน่วยที่-10-การทำงานกับเลเยอร์ใน-Illustrator

หนว่ ยท่ี 10 การทางานกบั เลเยอรใ์ น Illustrator หวั ขอ้ เรอื่ ง (Topics) 10.1 ความหมายของเลเยอร์ 10.2 การสร้างเลเยอร์ 10.3 การใชง้ านพาเนลเลเยอร์ 10.4 ล็อกเลเยอร์ 10.5 คดั ลอกเลเยอร์ 10.6 ลบเลเยอร์ 10.7 เปลีย่ นช่ือเลเยอร์ 10.8 รวมเลเยอร์ แนวคดิ สาคญั (Main Idea) เลเยอร์ (Layers) ช่วยอานวยความสะดวกในการจดั วางวตั ถุแตล่ ะ สว่ นทซ่ี ้อนกนั อยู่เปน็ ชนิ้ ๆ ทาใหส้ ามารถทางานกบั วตั ถเุ ฉพาะส่วนได้ โดยไมม่ ผี ลกระทบกบั วตั ถุในสว่ นอืน่ ทไ่ี มเ่ กยี่ วข้อง สมรรถนะยอ่ ย (Element of Competenacy) ทางานกับเลเยอรใ์ น Illustrators จดุ ประสงคก์ ารปฏบิ ตั ิ (Performance Objectives) 1. บอกความหมายของเลเยอร์ 2. สรา้ งเลเยอรใ์ หม่ 3. ซ่อนเลเยอร์ 4. ลอ็ ก คัดลอก ลบ เปล่ยี นชอื่ เลเยอร์ 5. รวมเลเยอร์

10.1 ความหมายของเลเยอร์ เลเยอร์ (Layers) เปรียบเสมือนกับนาแผ่นใสท่ีมภี าพซอ้ นทบั กนั เป็นชัน้ ๆ ซงึ่ บริเวณของแผ่นใสทไี่ ม่มีรปู ก็จะสามารถมองเหน็ ทะลถุ งึ แผ่นใสท่ีอยชู่ ัน้ ลา่ งได้ และเมอ่ื นพแผน่ ใสทกุ ชน้ั วางซอ้ นทับกนั จะทาให้ เกิดเป็นรูปทสี่ มบรู ณ์การใชเ้ ลเยอร์จะชว่ ยใหผ้ ใู้ ช้จดั วางไดง้ ่าย เนือ่ งจากแต่ละเลเยอร์ทางานอิสระตอ่ กนั มคี ณุ สมบัตติ า่ งๆ เปน็ ของ ตนเองและการมองเหน็ ภาพผลลพั ธ์เหมือนกบั ชิ้นงาน เดยี วกัน ดงั รูปที่ 10.1 รปู ที่ 10.1 ลกั ษณะเลเยอร์ (Layers) 10.2 การสรา้ งเลเยอร์ เราสามารถสร้างเลเซอรข์ นึ้ มาใหมเ่ พอ่ื แยกเป็นวตั ถหุ รอื ข้อความ ต่างๆ ใหแ้ ตล่ ะสว่ นเพื่อง่ายสาหรับการปรับปรงุ แกไ้ ข โดยเรียกใชง้ าน พาเนล Layers (เลือกคาสัง่ Wimdow > Layers) ซงึ่ มีเลเยอร์อยู่ 2 ลกั ษณะ คือ เลเยอรห์ ลัก (Layers) และเลเยอร์ยอ่ ย (Sublayer) การสรา้ งเลเยอรห์ ลัก เปน็ การสรา้ งเลเยอร์เพอื่ แบง่ วตั ถเุ ปน็ กลมุ่ ๆ แยกออกจากกนั โดยภายในเลเยอรห์ ลกั จะสามารถสร้างเลเยอรย์ ่อยไว้ ภายในไดม้ ากมาย

10.2.1 วธิ ที ่ี 1 การสรา้ งเลเยอรใ์ หมจ่ ากพาเนล Layers วิธนี ี้จะเปน็ วิธที ง่ี า่ ยและสะดวกทสี่ ดุ คือ 1. สรา้ งโดยคลกิ ทปี่ ่มุ Create New Layer 2. เลเยอรใ์ หม่จะสรา้ งข้ึนมาอยู่เหนอื เลเยอร์ท่เี รากาลงั ทางาน อยู่ รปู ท่ี 10.2 เครือ่ งมอื สรา้ งเลเยอรใ์ หม่ 10.2.2 วธิ ที ่ี 2 การสรา้ งเลเยอรใ์ หมจ่ ากคาสงั่ 1. วิธีเป็นการสร้างเลเยอร์ใหมจ่ ากคาส่งั โดยคลิก 2. เลอื กคาสงั่ New Layer… จากนนั้ ใหก้ าหนดคณุ สมบัตติ ่าง ๆ ของเลเยอรด์ งั น้ี รปู ท่ี 10.3 คาส่ังสรา้ งเลเยอรใ์ หม่

Name กาหนดชอ่ื เลเยอรใ์ หม่ Color กาหนดสีใหก้ บั กรอบวตั ถุ เพือ่ งา่ ยตอ่ การสังเกต Template กาหนดใหเ้ ลเยอร์ทีส่ ร้างเปน็ เลเยอร์เทมเพลต ซ่งึ จะเปน็ ต้นแบบในการสร้างเลเยอร์ และจะไม่ถูกพมิ พอ์ อกทาง เครอ่ื งพมิ พ์ Lock ลอ็ กวตั ถใุ นเลเยอร์ Show แสดงวตั ถใุ นเลเยอร์ Print กาหนดใหว้ ตั ถใุ นเลเยอรส์ ามารถพมิ พ์ออกทาง เคร่ืองพิมพ์ Preview กาหนดให้แสดงวตั ถตุ ามจริง ถา้ ไม่เลอื กจะ แสดงวตั ถเุ ฉพาะโครงร่าง Dim Images to กาหนดความละเอียดของวตั ถบุ ิพแมพท่ี นามาใชใ้ นเลเยอรต์ ามคา่ เปอรเ์ ซ็นตท์ กี่ าหนด 10.3 การใชง้ านพาเนลเลเยอร์ พาเนลเลเยอร์ จะแสดงรายชื่อเลเยอรท์ ง้ั หมดทม่ี ีในไฟล์ ในแต่ ละเลเยอร์จะประกอบไปดว้ ยเลเยอรย์ ่อยและชัน้ ในรูปแบบต่าง ๆ 10.3.1 ซอ่ นและแสดงเลเยอร์ การซอ่ นเลเยอรเ์ ปน็ การซ่อนเนอื้ หาของเลเยอรน์ ้ัน ไมใ่ หป้ รากฏบนภาพ เพอ่ื ประโยชนใ์ นการวาดภาพ เมอื่ เสร็จก็ให้ แสดงเลเยอรน์ นั้ ให้เหน็ เหมือนเดมิ 1. วิธกี ารซอ่ นเลเยอร์ (1) คลิกท่ี เพอื่ ซอ่ นเลเยอร์ (ช่องสถานะนน้ั เปลี่ยนเปน็ ) (2) ผลลัพธท์ ไี่ ด้ คือ เลเยอรข์ อ้ ความจะหายไป

2. วธิ กี ารแสดงเลเยอร์ (1) แสดงเลเยอรโ์ ดยคลิกที่ อกี ครง้ั (ช่องสถานะ นัน้ เปลีย่ นเปน็ ) (2) ผลลพั ธท์ ไ่ี ด้ คือ เลเยอร์ขอ้ ความจะปรากฏอีกครง้ั 10.3.2 เปลยี่ นลาดบั ของเลเยอร์ โดยปกติวตั ถทุ ีซ่ อ้ นกนั จะถกู เรียงเลเยอรเ์ ปน็ ลาดบั ตาม การสรา้ งงานของผใู้ ช้ (เลเยอรท์ ่ถี กู สร้างกอ่ นจะอย่ชู ้ันลา่ งสุด) แตเ่ พ่ือ ความเหมาะสม เรากส็ ามารถสลบั ตาแหนง่ การวางของเลเยอรต์ ่าง ๆ ได้ (ก)กอ่ นเปลยี่ นลาดบั (หลงั เปลย่ี นลาดบั ) รปู ท่ี 10.4 การเปลี่ยนลาดับเลเยอร์ 10.4 ลอ๊ กเลเยอร์ เราเลอื กล็อกเลเยอรท์ ก่ี าลงั ทางานอย่เู พือ่ ไมใ่ หถ้ กู แกไ้ ขโดย บังเอญิ โดยคลกิ เลือกเลเยอรท์ ตี่ อ้ งการล็อกและคลิกเมาส์ที่ เพ่อื ล็ อกเลเยอร์ สังเกตได้ว่าสถานะที่ช่องเลเยอรจ์ ะเปลีย่ นเปน็ (ถ้าลอ็ กเลเยอรห์ ลัก เลเยอรย์ ่อยๆภายในจะถกู ล็อกไปดว้ ย

รปู ท1ี่ 0.5 การลอ็ กเลเยอร์ 10.5 คดั ลอกเลเยอร์ คัดลอกเลเยอร์ คือ การคดั ลอกเอาวตั ถทุ ง้ั หมดบนเลเยอรน์ ั้ย ออกมาสร้างเปน็ อกี เลเยอร์หนง่ึ โดยเลเยอรใ์ หมท่ ีไ่ ด้จะปรากฏอยูเ่ หนอื เล เยอร์ท่ีเรากาลงั เลือก โดยคลกิ ลากเลเยอรท์ ตี่ อ้ งการคัดลอกไปปล่อยบน ปมุ่ ท่ดี ้านลา่ งพาเนล จากนน้ั จะได้เลเยอร์ใหมซ่ ้อนขนึ้ มา โดยช่อื ของเลเยอรใ์ หม่จะใช้ชื่อเดิมวา่ Copy ดงั ตวั อยา่ งด้านลา่ ง รปู ท่ี 10.6 การคดั ลอกเลเยอร์

10.6 ลบเลเยอร์ เมอ่ื ไมต่ อ้ งการเลเยอรไ์ ด้ กค็ วรทาการลบทง้ิ ไปเสีย เน่อื งจากการ เกบ็ เลเยอรท์ ไ่ี มใ่ ชไ้ ว้เยอะ ๆ จะเปลืองหนว่ ยความจาของเครอ่ื ง ทาให้ โปรแรกมทางานไดช้ ้า การลบเลเยอรส์ ามารถทาได้ โดยเลอื กเลเยอรท์ ่ี ตอ้ งการลบและคลดิ ที่ หรือลากเลเยอรท์ ต่ี อ้ งการลบมาท่ีรปู รปู ที่ 10.7 เครือ่ งมอื ลบเลเยอร์ 10.7 เปลย่ี นชอื่ ของเลเยอร์ จากตวั อย่างที่ผา่ นมา โปรแกรม Illustrator จะต้ังช่อื เลเยอร์ให้ อัตโนมตั ิ โดยจะให้ช่ือว่า Layer ตามดว้ ยลาดับตัวเลขของเลเยอรท์ ี่ สร้าง เชน่ Layer 1, Layer 2 เป็นตน้ แต่ผ้ใู ช้กส็ ามารถตั้งชื่อเลเยอร์เอง เพือ่ ชว่ ยในการสอื่ ความหมายและสะดวกในการทางานเม่ือมเี ลเยอรม์ าก ข้ึนได้ โดยดบั เบ้ิลคลกิ เลเยอรท์ ตี่ ้องการ จะปรากฏหน้าต่าง Layer Options ขึ้นมาในช่อง Name ใหใ้ สช่ อื่ ตอ้ งการเปลยี่ น จากนน้ั ก็คลกิ ท่ี ปมุ่ OK ดงั รปู 10.8 (ข) ผลลพั ธ์สังเกตชอื่ เลเยอร์จะเปล่ียนไปดงั รปู ท่ี 10.8 (ค)

ก ขค รปู ที่ 10.8 การเปลีย่ นชอ่ื เลเยอร์ 10.8 รวมเลเยอร์ การรวมเลเยอร์ คอื การรวบรวมเอาวัตถุของแต่ละเลเยอรเ์ ข้ามา ดว้ ยกนั ให้เป็นเลเยอร์เดียว แลว้ ใช้ช่ือเลเยอรท์ เี่ ลอื กหลงั สดุ ดแทนซึ่งมกั ใชใ้ นกรณที ี่วาดและ ปรบั แตง่ เสรจ็ เรยี บรอ้ ยแล้วและตอ้ งการลดจานวนเลเยอร์ลง เราสามารถ รวมเลเยอรโ์ ดยการเลือกเลเยอรต์ ่าง ๆ ทตี่ ้องการ จากนน้ั ใหค้ ลกิ ท่ปี ุ่ม แล้วเลอื กคาสงั่ Merge > Selected ดงั รปู ที่ 10.9 รปู ท่ี 10.9 การรวมเลเยอร์

สรปุ สาระสาคญั ในเนอ้ื หาหนว่ ยการเรยี นนี้ปน็ อกี สง่ิ หนงึ่ ท่ีสาคญั มากในการออกแบบ ชน้ิ งานดว้ ย lllustrator เพราะใช้ในการจัดการกับเลเยอรใ์ นการทางาน

แบบฝกึ หดั หนว่ ยท1่ี 0 การทางานกบั เลเยอรใ์ น Illustrator คาสงั่ จงตอบคาถามตอ่ ไปน้ี 1.เลเยอรห์ มายถงึ อะไร ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... 2.การสรา้ งเลเยอรใ์ หมม่ วี ธิ กี ารอยา่ งไร ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... 3.การซอ่ นเลเยอรม์ วี ธิ กี ารอยา่ งไร ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... 4.การลอ็ กเลเยอรม์ วี ธิ กี ารอยา่ งไร ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... .....................................................................................................

5.การลบเลเยอรม์ วี ธิ กี ารอยา่ งไร ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... 6.การเปลยี่ นชอ่ื เลเยอรม์ วี ธิ กี ารอยา่ งไร ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... 7.การรวมเลเยอรม์ วี ธิ กี ารอยา่ งไร ..................................................................................................... ..................................................................................................... ..................................................................................................... ..................................................................................................... .....................................................................................................

กจิ กรรมหนว่ ยท1่ี 0 การทางานกบั เลเยอรใ์ น Illustrator จดุ ประสงคก์ ารปฏบิ ตั ิ สร้างเลเยอร์และตกแตง่ ด้วยขอ้ ความ (Text)และจดั องคป์ ระกอบ การทากจิ กรรม ใหน้ ักเรยี นนาภาพมาวางซอ้ นกนั โดยการสรา้ ง Layer และทา การตกแตง่ ดว้ ยข้อความ (Text)และจดั องคป์ ระกอบเปน็ งานโฆษณา

แบบทดสอบหลงั เรยี นหน่วยท1ี่ 0 การทางานกบั เลเยอรใ์ น Illustratr คาสงั่ จงทาเครื่องหมายถูก √ ทบั ข้อทถี่ ูกตอ้ งและกากบาท x ทบั ข้อทีผ่ ดิ ............1.การใชเ้ มนคู าสง่ั เพอ่ื สรา้ งเลเยอรใ์ หม่ Window > Layers New …………2.Merge > Selected คือ รวมเลเยอร์ ............3.เครอื่ งมอื ลบเลเยอร์ คือ ............4.เรียกใชง้ านพาเนล Layers (เลอื กคาส่ัง Window > Sublayer) ............5.การเรียกใชง้ านพาเนล Layers มที ้งั หมด 3 ลกั ษณะ ............6.เลเยอร์ทถี่ กู สรา้ งกอ่ นจะอยชู่ ั้นบนสุดเสมอ ............7.New Layer Lock คอื การกาหนดลอ็ กวตั ถใุ นเลเยอร์ ............8.ความหมายของเลเยอร์ คอื กล่องกระดาษทับซอ้ นกันเป็นชน้ั ๆ ............9.ลอ็ กเลเยอร์เพือ่ ไมใ่ หถ้ ูกแกไ้ ขโดยบงั เอิญ ............10.ถา้ ลอ็ กเลเยอรห์ ลกั เลเยอร์ยอ่ ยๆ ภายในจะไมถ่ ูกลอ็ กไป ดว้ ย