Skip to content

Draw Suite

เครื่องมือวาดภาพที่เหนือชั้นบนเว็บ เอนจินการวาดภาพที่เร่งความเร็วด้วย GPU - พร้อมเครื่องมือสร้างแปรงที่กำหนดเอง

เริ่มต้นด้วยรูปคน stick figures หรือวาดงานศิลปะที่เสร็จสมบูรณ์ 450+ แปรง, 120+ พื้นผิวกระดาษ, เลเยอร์ที่ไม่ทำลาย, 15+ โหมดผสม, ความดันและการเอียงของปากกาเต็มรูปแบบ - ทำงานที่ 60fps ในเบราว์เซอร์ของคุณ

ไม่มีปลั๊กอิน ไม่มีการติดตั้ง ไม่มีการดาวน์โหลด เปิดแท็บแล้วเริ่มวาดได้เลย

The canvas

A full painting engine - right in your browser.

450+ brushes, 120+ paper textures, non-destructive layers and full stylus pressure + tilt, all rendering at 60fps. No download, no plugin - open a tab and paint.

Open the Draw engine
Draw app - GPU-accelerated storyboard sketching with professional brushes, layers and pressure-sensitive markup.
Concept art

Or let DollyAI™ block it in - then paint over the top.

Generate style-locked concept frames in seconds, drop them onto a Draw layer, and refine by hand. The AI does the heavy lifting; you keep the authorship.

See the AI Artist
AI Artist concept-art mode - environment and character concept paintings rendered across the LINE, TONE and COLOUR style bibles.
Straight to the board

Every drawing lands on the storyboard, linked to its scene.

Send a finished panel straight to the storyboard editor - annotated, versioned and tied to the shot it illustrates. No exporting, re-naming or re-importing.

See the storyboard editor
Storyboard editor - a sequence with shot-type and camera-movement annotations on a clean canvas.
450+
แปรงสต็อก
120+
พื้นผิวกระดาษ
15+
โหมดการผสม
60fps
การเรนเดอร์ด้วย GPU

ภายใน

สร้างขึ้นสำหรับศิลปินที่ ต้องการประสิทธิภาพ

การเรนเดอร์ที่เร็วที่สุดในโลกด้วย GPU

เอนจินการวาดภาพที่เราสร้างขึ้นเองและเป็นกรรมสิทธิ์เรนเดอร์ที่ 60fps ในเบราว์เซอร์ของคุณ - ไม่มีปลั๊กอิน ไม่มีการติดตั้ง ท่อประสิทธิภาพสี่เฟสที่สร้างขึ้นเพื่อการสร้างสตอรี่บอร์ดแบบภาพยนตร์

  • GPU compositor สำหรับการผสมเลเยอร์ที่อัตราเฟรมเรตตามธรรมชาติ
  • Web Worker การคำนวณแปรงแบบออฟเธรด - ไม่มีการกระตุก
  • การเรนเดอร์พื้นที่สกปรก - ทำการรวมใหม่เฉพาะสิ่งที่เปลี่ยนแปลง
  • OffscreenCanvas worker - ไม่มีค่าใช้จ่ายในการทำดาบพิกเซลในเธรดหลัก
  • การ overscan แบบไดนามิกพร้อมการปรับขนาดอัตโนมัติสำหรับรัศมีแปรงขนาดใหญ่
  • แคชภาพถ่ายสำหรับการกู้คืนคอมโพสิตทันที
// ท่อการเรนเดอร์ 4 เฟส
เฟส 1: WebGL2 GPU Compositor ✓
เฟส 2: การทำงานของ Web Worker Threading ✓
เฟส 3: การเรนเดอร์พื้นที่สกปรก ✓
เฟส 4: OffscreenCanvas Worker ✓

// ค่าใช้จ่ายในการทำงานหลักเป็นศูนย์

Custom Brush Builder + Tip & Texture Studios

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

  • แปรงสำเร็จรูปกว่า 450 ชิ้นในหมวดหมู่หมึก, ดินสอ, น้ำมัน, สีน้ำ, ถ่าน, แอร์บรัช, โกเช, ชอล์ก, ปากกา, และชุดขนแปรง
  • เครื่องมือสร้างแปรงแบบกำหนดเอง - ปรับแต่งทุกพารามิเตอร์: ขนาด, ความแข็ง, ระยะห่าง, การกระจาย, การสั่น, มุม, การไหล, ความดัน gamma
  • Custom Tip Painter - วาดตรายางหัวแปรงของคุณเองด้วยมือ (หรือนำเข้าภาพ) แล้วทาสีด้วยมันทันที
  • Custom Texture Creator - ทาหรือส่งออกลายกระดาษและบันทึกลงในห้องสมุดพื้นผิวของคุณเอง
  • .sbcd brush export - แพ็คแปรงทั้งหมด (หัว + พื้นผิว + การตั้งค่าทุกอย่าง) และแชร์กับทีมในไฟล์เดียว
  • Dual-brush blending สำหรับการทำเครื่องหมายที่ซับซ้อนและมีพื้นผิว
  • นำเข้าไฟล์แปรง .abr ใด ๆ - แพ็คเกจที่คุณชื่นชอบมาพร้อมกับคุณ
  • MyPaint engine: รองรับการตั้งค่า .myb เต็มรูปแบบเพื่อความรู้สึกของสื่อธรรมชาติ
// SimpleBrushEngine defaults
{
ขนาด: 20,
ความแข็ง: 0.8,
ระยะห่าง: 0.15,
ความดันGamma: 0.7,
ขนาดขั้นต่ำ: 0.05
}
// + MyPaint .myb พรีเซ็ต

120+ พื้นผิวกระดาษ + พรีเซ็ตผ้าใบ

กระดาษจริงให้ความรู้สึกเหมือนจริง เลือกจากพื้นผิวผ้าใบและกระดาษมากกว่า 120 แบบ - ฝ้ายเย็น, ฝ้ายร้อนเรียบ, สีน้ำหยาบ, วัลลัม, บริสตอล, คราฟท์, ลินิน, กระดาษพิมพ์ข่าว, และอื่น ๆ ตั้งค่าเพียงครั้งเดียวและวาดอย่างเป็นธรรมชาติ

  • 120+ พื้นผิวกระดาษและผ้าใบความละเอียดสูง
  • ผิวสัมผัสเย็น, ผิวสัมผัสร้อน, ขรุขระ, เรียบ - ทุกพื้นผิวที่นักวาดภาพประกอบต้องการ
  • ความลึกของพื้นผิว, ขนาด, ความแตกต่าง, และการควบคุมการกลับด้าน
  • การแทนที่พื้นผิวต่อเลเยอร์ - ไม่ใช่แค่ทั่วทั้งเอกสาร
  • การนำเข้าพื้นผิวที่กำหนดเองสำหรับพื้นผิวที่ออกแบบเฉพาะ
  • พรีเซ็ตกระดาษสตอรีบอร์ดแบบภาพยนตร์ (16:9, 2.39:1, 4:3, สี่เหลี่ยมจัตุรัส)
// โหมดการทำให้เรียบ
ไม่มี → ผ่านดิบ
พื้นฐาน → MA แบบเอ็กซ์โพเนนเชียล
weighted → วงแหวนบัฟเฟอร์ WMA
stabilizer → แปรงขี้เกียจ
pixel_perfect → การกำจัดเชิงเส้น

// แรงกดเต็มที่ + เอียง

แรงกดเต็มที่ + เอียง

แท็บเล็ตทุกเครื่อง ปากกาทุกแบบ ความไวต่อแรงกด การเอียง X/Y และการหมุนของกระบอกปากกาพร้อมโหมดการทำให้เรียบห้าโหมดสำหรับการติดตามที่แม่นยำในทุกอุปกรณ์

  • การตรวจจับแรงกดเต็มที่พร้อมการปรับมาตรฐาน (0.0–1.0)
  • การตรวจจับมุมเอียง X/Y และการหมุนของกระบอกปากกา
  • 5 โหมดการปรับเรียบ: ไม่มี, EMA, น้ำหนัก, Stabilizer, Pixel Perfect
  • โหมด Stabilizer: แปรงขี้เกียจพร้อมการเพิ่มขึ้น 3 ตัวอย่าง
  • การทับซ้อนการสอบเทียบเชิงพื้นที่สำหรับการตรวจสอบตัวชี้
  • การทดสอบความเครียดจากแรงกดด้วยฮิสโตแกรมแบบเรียลไทม์และโค้งการตอบสนอง
// โหมดผสม (เร่งความเร็วด้วย GPU)
ปกติ · คูณ · หน้าจอ
Overlay · Soft Light · Hard Light
มืดลง · สว่างขึ้น
Color Dodge · Color Burn
Difference · Exclusion
Hue · Saturation · Color
Luminosity

เลเยอร์ที่ไม่ทำลาย + โหมดผสม 15+

สแต็กเลเยอร์ระดับมืออาชีพพร้อมโหมดผสม 15+ เลเยอร์ปรับแต่ง กลุ่ม มาสก์ ความโปร่งใสต่อเลเยอร์ และการลากเพื่อจัดลำดับใหม่ การรวมภาพที่เร่งด้วย GPU ทำให้เอกสารที่ซับซ้อนทำงานได้รวดเร็ว

  • โหมดผสม 15+ : ปกติ, คูณ, หน้าจอ, ทับซ้อน, แสงนุ่ม, แสงแข็ง, มืด, สว่าง, Color Dodge, Color Burn, Difference, Exclusion, Hue, Saturation, Color, Luminosity
  • เลเยอร์ปรับแต่ง: ความสว่าง, ความคมชัด, Hue, Saturation, ระดับ, เส้นโค้ง
  • กลุ่มเลเยอร์, มาสก์คลิป, ล็อคอัลฟา, และการควบคุมการรวม
  • บัฟเฟอร์การสะสมต่อการวาดสำหรับการจำกัดความทึบ
  • ลากเพื่อจัดลำดับใหม่พร้อมกับการสลับการมองเห็นแบบกลุ่ม
  • การรวมภาพที่เร่งด้วย GPU - เอกสารเลเยอร์ 100+ ยังคงราบรื่น
// ทางลัดเครื่องมือ
B → แปรง E → ยางลบ
S → เบลอ L → ลาสโซ
R → สี่เหลี่ยม T → ข้อความ
W → เปียก C → สี

Ctrl+Z → ยกเลิก
Ctrl+S → บันทึก

เครื่องมือทั้งหมด + เมนูแบบวงกลม

ทุกเครื่องมือที่ศิลปินสตอรีบอร์ดต้องการ - แปรง, ยางลบ, เบลอ, การเลือก, ข้อความ, รูปทรง, เกรเดียนต์, หยดสี - ทั้งหมดอยู่แค่กดปุ่มเดียว

  • เครื่องมือแปรงที่มีขนาด, ความแข็ง, ความโปร่งใส, และการไหลที่ปรับได้
  • ยางลบ, เบลอ, โคลน, เบลอ, คมชัด, โดด, เผา
  • การเลือก: สี่เหลี่ยม, วงรี, ลาสโซ่แบบอิสระ, ไม้กายสิทธิ์
  • แผงสีพร้อมตัวเลือก RGB/HSL/HEX และประวัติสวอช
  • แผงช่องสำหรับการแก้ไข RGBA ทีละตัว
  • เมนูแบบรัศมีสำหรับการเปลี่ยนเครื่องมือด้วยการฟลิกเดียว + คีย์บอร์ดลัดทั้งหมด
// ErrorShooter (singleton)
Buffer: 200 รายการ (วงกลม)
Dedup: 2 วินาที
Toast: สูงสุด 3 สแต็ค
Error → 8 วินาที (สีแดง)
เตือน → 5 วินาที (สีเหลือง)
ข้อมูล → 4 วินาที (สีน้ำเงิน)
การกู้คืน WebGL

การส่งออกภาพยนตร์ + ABR / .sbcd การแลกเปลี่ยนแปรง

ส่งออกเฟรมที่พร้อมสำหรับการผลิต เรียกดูเป็น PNG, JPEG, PSD และ JSON ของโปรเจกต์ นำเข้าไฟล์แปรง .abr แลกเปลี่ยนแปรงที่สมบูรณ์ในรูปแบบ .sbcd ของเรา และดึงข้อมูลอ้างอิงตรงจากคลาวด์โปรเจกต์ของคุณ

  • ส่งออก PNG, JPEG, PSD (แบบเลเยอร์) และ JSON ของโปรเจกต์
  • การส่งออกสตอรีบอร์ดหลายเฟรม - ทั้งชุดในคลิกเดียว
  • นำเข้าไฟล์แปรง Adobe ABR (เวอร์ชัน 1, 2, 6–10)
  • .sbcd brush format - ส่งออกและนำเข้าหมึกทั้งหมด (หัว + เนื้อสัมผัส + การตั้งค่า) เพื่อแชร์ระหว่างทีม
  • แทรกการอ้างอิงจากคลาวด์โปรเจกต์ของคุณ - เฟรม, ตัวละคร, สถานที่, อุปกรณ์ประกอบฉาก, ทุกทรัพย์สินที่แชร์ - หรือไฟล์ในเครื่อง
  • การบันทึก/กู้คืนโปรเจกต์แบบไม่มีการสูญเสียพร้อมประวัติเต็มรูปแบบ + การซิงค์คลาวด์ - สามารถดำเนินการต่อได้จากอุปกรณ์ใดก็ได้ในระหว่างการวาด
  • การส่งต่อโดยตรงไปยัง Animate, AI Artist, และตัวแก้ไขสตอรีบอร์ดพร้อมการเชื่อมโยงฉาก

สถาปัตยกรรม

ปลายปากกาไปยังพิกเซล - ท่อส่งทั้งหมด

เหตุการณ์ชี้ → BrushInputPipeline (การทำให้เรียบ)
  → BrushWorkerBridge → Web Worker
    → SimpleBrushEngine (เส้นโค้งเฮอร์ไมต์, จุดสี)
    → WorkerDabRenderer (OffscreenCanvas)
    → การถ่ายโอน ImageBitmap (ไม่มีการคัดลอก)
  → เธรดหลัก: drawImage → เลเยอร์แคนวาส
  → Compositor → พื้นผิว WebGL บนหน้าจอ

เส้นทางสำรอง (ยางลบ, เคล็ดลับ, ขนแปรง, เปียก):
  Worker → raw SkiaDabParams → Main DabRenderer → แคนวาส

เครื่องมือวาดภาพระดับมืออาชีพ, ติดตั้งศูนย์.

เปิดเบราว์เซอร์ของคุณ เริ่มวาดภาพ ประสิทธิภาพที่เร่งด้วย GPU พบกับการเข้าถึงผ่านเว็บ.

Storyboard Canvas · the complete production suite

The complete script-to-screen suite - start free

Twenty synchronised apps, one project file. Every app on every plan - pick a tier by team size, not features.

Get started