เลเยอร์ กลุ่ม และอาร์ตบอร์ด

พาเนล Layers และ Objects

เปิดจาก Layer ▸ Layers และ Objects... หรือคลิกแท็บของมันใน dock ด้านขวา แท็บใน dock ย่อเป็นไอคอน ชื่อเต็มจึงปรากฏเฉพาะตอนโฮเวอร์หรือในเมนู ▾ All panels ตรงท้ายแถบแท็บ

ทุกแถวในต้นไม้มีตัวควบคุมชุดเดียวกัน เรียงจากซ้ายไปขวา:

• A แท็กสี ซึ่งวนเปลี่ยนสีเมื่อคุณคลิก
• A ลูกศรพับ (caret) บนกลุ่มและเลเยอร์ ใช้กางหรือพับเนื้อหาข้างใน
• ไอคอน รูปตา ใช้แสดงหรือซ่อน Alt+คลิกจะซ่อนทุกอย่างที่เหลือแทน
• A รูปย่อ และ ชื่อ ดับเบิลคลิกที่ชื่อเพื่อเปลี่ยนชื่อในที่เดิม
• A จุดเป้าหมาย สำหรับ appearance
• A สี่เหลี่ยมการเลือก บนแถวที่มีสิ่งที่เลือกอยู่ ลากสี่เหลี่ยมนั้นไปวางบนแถวอื่นเพื่อย้ายงานที่เลือกไปที่นั่น หรือ Alt+ลากเพื่อคัดลอก
• A ตัวล็อก Alt+คลิกจะล็อกทุกอย่างที่เหลือแทน

ดับเบิลคลิกที่แถวจะเปิด Layer Options ไดอะล็อกเล็กๆ ที่รวมชื่อ สี และสถานะแสดงกับล็อกไว้ในที่เดียว

วัตถุที่ถูกล็อกหรือซ่อนจะถูก Magic Wand ข้ามไป การล็อกพื้นหลังที่เสร็จแล้วคือวิธีที่เร็วที่สุดในการเลิกเผลอเลือกมัน

แถบล่างของพาเนล ที่ซึ่งงานจริงเกิดขึ้น

แถวแรกของแถบล่างมีปุ่ม New layer, Group, Duplicate และ Delete ตามด้วยปุ่มลำดับซ้อนสี่ปุ่ม: Raise to top, Raise, Lower และ Lower to bottom สี่ปุ่มนั้นย้ายวัตถุที่เลือกขึ้นลงในสแต็ก คำสั่งชุดเดียวกันอยู่ในเมนู Object ด้วย

แถวที่สองคือชุดจัดระเบียบ ซึ่งมองข้ามได้ง่าย:

• Merge ยุบเลเยอร์ปัจจุบันรวมเข้ากับเลเยอร์ข้างล่าง
• Flatten ยุบทุกเลเยอร์รวมเป็นเลเยอร์เดียว
• Collect ย้ายสิ่งที่เลือกอยู่ไปยังเลเยอร์ใหม่
• Release เอาวัตถุทุกชิ้นในเลเยอร์ปัจจุบันไปแยกเป็นเลเยอร์ของตัวเองทีละชิ้น
• Locate เลื่อนต้นไม้ไปยังแถวของวัตถุที่เลือกและกะพริบให้เห็น

กลุ่มก็คือ Object ▸ Group และ Object ▸ Ungroup ธรรมดา กลุ่มปรากฏในต้นไม้เป็นแถวที่มีลูกศรพับให้เปิดได้ เลเยอร์คือการแบ่งหยาบ กลุ่มคือการแบ่งละเอียด เอกสารส่วนใหญ่ต้องการเลเยอร์ไม่กี่ชั้นกับกลุ่มจำนวนมาก ไม่ใช่กลับกัน

เมนู Layer มีที่เหลือครบ: Add Layer, Rename Layer, Show/Hide Current Layer, Lock/Unlock Current Layer, สลับไปเลเยอร์บนหรือล่าง, ย้ายสิ่งที่เลือกไปเลเยอร์บนหรือล่าง, การจัดลำดับเลเยอร์ และ Duplicate หรือ Delete Current Layer

อาร์ตบอร์ดคือกรอบครอบตัด ไม่ใช่คอนเทนเนอร์

นี่คือแนวคิดเดียวที่ต้องจำให้แม่น Rayzia มีแคนวาสไร้ขอบเขตผืนเดียว อาร์ตบอร์ดคือสี่เหลี่ยมมีชื่อที่บอกว่า บริเวณนี้คือหนึ่งหน้า มันไม่ได้เป็นเจ้าของวัตถุข้างใน ย้ายวัตถุออกนอกอาร์ตบอร์ดก็ไม่มีอะไรพัง มันยังอยู่ในเอกสาร เพียงแต่อยู่นอกหน้านั้น ข้อมูลของบอร์ดคือชื่อ ตำแหน่ง ขนาด bleed พรีเซ็ต เครื่องหมายกึ่งกลาง และเส้นกากบาท

กด Shift+O เพื่อเรียก เครื่องมือ Artboard ซึ่งมีปุ่มของตัวเองบนแถบเครื่องมือ จากนั้น:

1. ลากบนแคนวาสว่าง วาดอาร์ตบอร์ดใหม่
2. ลากภายในบอร์ด ย้ายบอร์ด Alt+ลากจะทำสำเนาแทน ถ้าเปิด Move Artwork with Artboard ไว้ งานจะย้ายตามไปด้วย
3. ลากแฮนเดิลที่มุมหรือขอบ ปรับขนาดบอร์ด
4. คลิกบอร์ด ทำให้บอร์ดนั้นเป็นบอร์ดที่ใช้งานอยู่

แถบตัวเลือกของเครื่องมือมีดรอปดาวน์ Preset (A4, Letter, IG Post, IG Story, YouTube, Full HD, Square), ปุ่ม Portrait และ Landscape, สวิตช์ Move Artwork with Artboard และปุ่ม New, Duplicate, Delete, Fit, Options… กับ Export การสร้าง ย้าย ปรับขนาด และลบบอร์ดล้วน undo ได้ทั้งหมด

พาเนล แท็บ Artboards

เมนู แท็บ Artboards ใน dock จัดการทั้งชุด แต่ละแถวแสดงหมายเลข ชื่อ ขนาด และแนวตั้งหรือแนวนอน คลิกครั้งเดียวเพื่อเปิดใช้บอร์ด ดับเบิลคลิกเพื่อปรับมุมมองให้พอดีบอร์ด และดับเบิลคลิกที่ชื่อเพื่อเปลี่ยนชื่อในที่เดิม แถบล่างมี Move up, Move down, Duplicate, New และ Delete โดย Delete ถูกปิดไว้เมื่อมีบอร์ดเดียว

เมนู ☰ บนหัวพาเนลมีที่เหลือ: New, Duplicate, Delete, Delete Empty แท็บ Artboards, Convert Selection to แท็บ Artboards, Artboard Options…, Rearrange All แท็บ Artboards…, สวิตช์ Move Artwork with Artboard และ Export Current หรือ All แท็บ Artboards

Convert Selection to แท็บ Artboards สร้างหนึ่งบอร์ดต่อ bounding box ของแต่ละวัตถุที่เลือก และจะกลืนสี่เหลี่ยมธรรมดาไปในกระบวนการ ซึ่งตรงกับพฤติกรรมของ Illustrator ส่วน Delete Empty แท็บ Artboards จะนับว่าบอร์ดว่างเมื่อไม่มีจุดกึ่งกลาง bounding box ของวัตถุระดับบนสุดตกอยู่ในบอร์ดนั้น และจะเก็บบอร์ดไว้อย่างน้อยหนึ่งบอร์ดเสมอ Export เขียนหนึ่งไฟล์ SVG ต่อบอร์ด ตั้งชื่อตามบอร์ด เส้นทางนี้รองรับเฉพาะ SVG

การส่งออกอาร์ตบอร์ดครอบตัดด้วยการตั้งค่า viewBox ของไฟล์ผลลัพธ์ให้เท่ากับสี่เหลี่ยมของบอร์ดล้วนๆ เนื้อหาจึงคงพิกัดโลกเดิมไว้ และอะไรที่อยู่นอกบอร์ดจะถูกตัดตอนเรนเดอร์ ไม่ได้ถูกลบทิ้ง

Symbols

เมื่อวัตถุเดียวกันโผล่ซ้ำแล้วซ้ำอีก จงเลื่อนขั้นมัน Object ▸ Symbol ▸ สร้างงาน Symbol เปลี่ยนสิ่งที่เลือกให้เป็นนิยามซิมโบล และพาเนล Symbols ใน dock เก็บคลังนิยามพร้อมอินสแตนซ์ที่วางไว้ รวมถึงการปรับแต่งรายอินสแตนซ์ เมนูย่อยเดียวกันยังมี Break Link to Symbol, Duplicate Instance, Reset Transformation และ Redefine from Selection ซึ่งดันอินสแตนซ์ที่แก้แล้วกลับเข้านิยาม ทำให้อินสแตนซ์อื่นทุกตัวเปลี่ยนตาม

คีย์ที่ควรรู้ตรงนี้

คีย์ลัดที่พิมพ์กำกับข้างรายการเมนูเป็นแค่ของประดับ และหลายตัวก็ผิดด้วย ให้เชื่อตารางนี้และตารางในบทเรียนอื่นๆ ไม่ใช่ป้ายบนเมนู การคลิกรายการเมนูใช้ได้เสมอ

คำถามที่พบบ่อย