พื้นที่ทำงาน

แถบเครื่องมือ (tool rail)

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

สี่ปุ่มบนสุดคงที่เสมอและไม่เคยย้าย Select (V) คือลูกศร Pan คือรูปมือ ใช้เลื่อนมุมมองโดยไม่แตะงาน Edit paths by nodes (F2) ใช้ลากจุดยึดและแฮนเดิลของสิ่งที่คุณชี้ Zoom (Z) ก็ตามชื่อ ใต้ลงมาคือช่องกลุ่มสิบสองช่อง และใต้ลงมาอีกคือเครื่องมือสามชิ้นที่ไม่สังกัดกลุ่มไหนและมีช่องถาวรของตัวเอง: Live Paint Bucket, Connector และ Artboard (Shift+O)

แถบเครื่องมือยังมีปุ่ม Drawing Mode สามปุ่มด้วย ปุ่มเหล่านั้นไม่ใช่เครื่องมือ แต่เป็นตัวกำหนดว่างานใหม่จะไปลงที่ไหน ซึ่งบทเรียนถัดไปจะอธิบาย

ช่องกลุ่มและเมนู flyout

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

นี่คือเหตุผลที่เอกสารของเราเขียนว่า 'ช่องรูปทรง ค่าเริ่มต้นคือ Rectangle' แทนที่จะเขียนว่า 'ปุ่มที่ห้านับจากบน' เพราะเราไม่มีทางรู้ว่าปุ่มที่ห้าของคุณคืออะไร คุณเปลี่ยนมันไปแล้ว

• Shape (ค่าเริ่มต้น Rectangle): Rectangle, Ellipse, Star, Flare
• Line (Line): Line, Arc, Spiral, Rectangular Grid, Polar Grid
• Pen (Pen): Pen, Add Anchor Point, Delete Anchor Point, Anchor Point (Convert), Join
• Pencil (Pencil): Pencil, Smooth, Calligraphy, Blob Brush, Shaper
• Type (Type Tool): Type Tool, Area Type, Type on a Path, Vertical Type, Touch Type
• Eraser (Eraser): Eraser, Scissors, Knife
• Transform (Rotate): Rotate, Reflect, Scale, Shear, Free Transform
• Width (Width): Width, Tweak
• Wand (Magic Wand): Magic Wand, Lasso
• Paint (Gradient): Gradient, Mesh Gradient, Paint Bucket, Spray
• Build (Shape Builder): Shape Builder, Intertwine, Envelope, Blend
• Probe (Dropper): Dropper, Measure, Dimension, Perspective Grid

สองรายการในลิสต์นั้นบางกว่าที่เห็น และเป็นความตั้งใจ เครื่องมือพิมพ์เพิ่มอีกสี่ตัวคือเอนจิน Text ตัวเดียวที่ตั้งพรีเซ็ตไว้ล่วงหน้า เช่น Area Type ก็คือเครื่องมือ Text ที่ถูกสั่งให้ไหลข้อความลงในรูปทรง Free Transform ก็ไม่ใช่เอนจินของตัวเองเช่นกัน มันเรียกเครื่องมือ Select ขึ้นมาแล้วเข้าโหมดแฮนเดิลกรอบ bounding box ทั้งคู่มีประโยชน์ และทั้งคู่จะไม่ทำให้คุณแปลกใจ เพราะพฤติกรรมเหมือนตัวแม่ทุกประการ

แคนวาส อาร์ตบอร์ด และมุมมอง

แคนวาสไม่มีขอบเขต อาร์ตบอร์ดคือกรอบครอบตัดที่มีชื่อซึ่งวาดอยู่บนแคนวาส ไม่ใช่คอนเทนเนอร์: วัตถุลอยอยู่ในซีน และบอร์ดแค่ประกาศว่าสี่เหลี่ยมผืนหนึ่งคือหนึ่งหน้า เอกสารหนึ่งมีบอร์ดเดียวหรือยี่สิบบอร์ดก็ได้ พาเนล Artboards จัดการทั้งหมด พร้อมพรีเซ็ต A4, Letter, โพสต์และสตอรี Instagram, ภาพปก YouTube, 1920×1080 และจัตุรัส ส่วนเครื่องมือ Artboard (Shift+O) ใช้วาดเอง

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

ไม้บรรทัดอยู่ตามขอบแคนวาสและเปิดเป็นค่าเริ่มต้น View ▸ Zoom รวมคำสั่งมุมมองไว้: ซูมเข้าและออก, 100%, 50%, 200%, พอดีหน้า, พอดีความกว้างหน้า และพอดีภาพวาด เลือกเครื่องมือ Zoom แล้วคำสั่งชุดเดียวกันจะไปอยู่บนแถบตัวเลือก ซึ่งมักเป็นทางที่เร็วกว่า

แถบเมนูและแถบคำสั่ง

เมนูสิบเอ็ดชุดพาดด้านบน: File, Edit, Select, View, Layer, Object, Path, Effect, Text, Filters และ ช่วยเหลือ

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

ชิดขอบขวาคือแถบคำสั่ง เป็นแถบไอคอนแนวตั้งแบ่งหกกลุ่ม: ไฟล์, undo และ redo, คลิปบอร์ด, ซูม, วัตถุ, และพาเนลกับไดอะล็อก ปุ่มแม่เหล็กถูกปักไว้เหนือทุกกลุ่มและเปิดตัวเลือกการ snap

ไม่มีเมนู Window พาเนลเปิดได้จากแถบคำสั่ง จากรายการเมนูที่กระจายอยู่ (Layer ▸ Layers and Objects…, Object ▸ Transparency…, View ▸ Swatches) หรือจากเมนู ▾ All panels ตรงท้ายแถบแท็บของ dock เมนูนั้นยังมี Reset dock layout ซึ่งเป็นทางออกยามที่คุณจัดจนรก

Dock และแถบตัวเลือก

Dock บรรจุพาเนลต่างๆ: Fill and Stroke (เปิดตอนบูต), Layers and Objects, History, Swatches, Align and Distribute, Artboards, Effects, Transparency, Symmetry, Assets, Generate, Brushes, Symbols, Path Effects, Character & Paragraph, Appearance, Graphic Styles และ AI Assistant แท็บย่อเป็นไอคอน ชื่อเต็มจึงอยู่ในทูลทิปตอนโฮเวอร์ แต่ละแท็บมี × เล็กๆ สำหรับปิด และเมนู ▾ เรียกกลับมาได้

ลากแท็บออกจาก dock แล้วพาเนลจะหลุดออกมาเป็นหน้าต่างลอย แต่ถ้าวางที่ขอบซ้ายของ dock จะได้คอลัมน์ที่สอง ตัวแบ่งด้านซ้ายของ dock ใช้ปรับขนาด และถ้าลากไกลพอมันจะยุบ dock ลง

เนื้อในของพาเนลถูกสร้างเมื่อใช้ครั้งแรก พาเนลที่ดูว่างอยู่ครู่หนึ่งหลังบูตคือกำลังโหลด ไม่ใช่เสีย

แถบเหนือแคนวาสคือแถบตัวเลือก และมันเป็นของเครื่องมือที่กำลังใช้งานอยู่ เลือก Pencil มันจะเสนอโหมดพาธ ความเรียบ ปลายเส้น รูปหน้าตัด และสเกล เลือก Eraser มันจะเสนอโหมดลบ ตัด และแยกชิ้น พร้อมความกว้าง ความเรียว และความสั่น เลือกเครื่องมือ Blend มันจะแสดงแถบของ Select เพราะ Blend ไม่มีตัวเลือกของตัวเอง บุคลิกจริงของเครื่องมืออยู่ในแถบตัวเลือกของมัน ดังนั้นเมื่อหยิบเครื่องมือใหม่ ให้อ่านแถบนี้ทุกครั้ง

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