Skip to content

Bộ công cụ vẽ

Công cụ vẽ dựa trên web hàng đầu thế giới Động cơ vẽ tăng tốc GPU - với trình tạo cọ tùy chỉnh.

Bắt đầu với hình người que hoặc vẽ một tác phẩm hoàn chỉnh. Hơn 450 cọ, hơn 120 kết cấu giấy, các lớp không phá hủy, hơn 15 chế độ hòa trộn, áp lực bút stylus đầy đủ + nghiêng - chạy ở 60fps trong trình duyệt của bạn.

Không cần plugin. Không cần cài đặt. Không cần tải xuống. Mở một tab và vẽ.

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+
Cọ mặc định
120+
Kết cấu giấy
15+
Chế độ hòa trộn
60fps
Kết xuất GPU

Bên trong

Xây dựng cho các nghệ sĩ đòi hỏi hiệu suất

Kết xuất tăng tốc GPU vượt trội

Công cụ vẽ tăng tốc GPU độc quyền của chúng tôi kết xuất ở 60fps trong trình duyệt của bạn - không cần plugin, không cần cài đặt. Quy trình hiệu suất bốn giai đoạn được xây dựng đặc biệt cho việc tạo storyboard điện ảnh.

  • Bộ tổng hợp GPU cho việc pha trộn lớp ở tốc độ khung hình gốc
  • Tính toán cọ ngoài luồng bằng Web Worker - không có độ trễ
  • Kết xuất vùng bẩn - chỉ tái tổng hợp những gì đã thay đổi
  • Công nhân OffscreenCanvas - không có chi phí pixel dab trên luồng chính
  • Overscan động với tự động thay đổi kích thước cho bán kính cọ lớn
  • Bộ nhớ cache ảnh chụp nhanh cho việc phục hồi bộ tổng hợp ngay lập tức
// Quy trình kết xuất 4 giai đoạn
Giai đoạn 1: Bộ tổng hợp GPU WebGL2 ✓
Giai đoạn 2: Đa luồng Web Worker ✓
Giai đoạn 3: Kết xuất Khu vực Bẩn ✓
Giai đoạn 4: OffscreenCanvas Worker ✓

// Chi phí dab trên luồng chính bằng 0

Trình tạo Cọ Tùy Chỉnh + Tip & Texture Studios

Trình tạo cọ nội bộ của chúng tôi mang đến cho bạn toàn quyền kiểm soát: áp lực, lưu lượng, phân tán, rung lắc, nghiêng, kết cấu, pha trộn cọ đôi - tất cả mọi thứ. Xây dựng một cọ từ con số không: vẽ dấu ấn đầu cọ của riêng bạn pixel theo pixel, vẽ hoặc nhập hạt giấy của riêng bạn, và trao đổi cọ hoàn thiện với đội ngũ của bạn. Đi kèm với thư viện hơn 450 cọ sẵn sàng để vẽ.

  • Hơn 450 cọ có sẵn trong các loại mực, bút chì, dầu, màu nước, than, phun sơn, gouache, phấn, bút đánh dấu, và bộ lông
  • Trình tạo cọ tùy chỉnh - điều chỉnh mọi yếu tố động: kích thước, độ cứng, khoảng cách, phân tán, rung lắc, góc, lưu lượng, gamma áp lực
  • Custom Tip Painter - vẽ con dấu đầu cọ của riêng bạn bằng tay (hoặc nhập một hình ảnh), sau đó sơn ngay lập tức
  • Custom Texture Creator - vẽ hoặc nhập hạt giấy và lưu nó vào thư viện kết cấu của riêng bạn
  • .sbcd brush export - đóng gói toàn bộ cọ (đầu + kết cấu + mọi cài đặt) và chia sẻ với nhóm trong một tệp
  • Kết hợp cọ đôi cho các dấu hiệu phức tạp, có kết cấu
  • Nhập bất kỳ tệp cọ .abr nào - các gói yêu thích của bạn sẽ đi cùng bạn
  • MyPaint engine: hỗ trợ đầy đủ preset .myb cho cảm giác truyền thống
// SimpleBrushEngine defaults
{
kích thước: 20,
độ cứng: 0.8,
khoảng cách: 0.15,
áp suấtGamma: 0.7,
tỉ lệKíchThướcTốiThiểu: 0.05
}
// + MyPaint .myb cài đặt sẵn

120+ Kết cấu Giấy + Cài đặt Canvas

Giấy thật cảm giác thật. Chọn từ hơn 120 kết cấu canvas và giấy - bông ép lạnh, ép nóng mịn, màu nước thô, giấy vellum, bristol, kraft, linen, giấy báo, và nhiều hơn nữa. Thiết lập một lần và vẽ một cách tự nhiên.

  • 120+ kết cấu giấy và canvas độ phân giải cao
  • Bề mặt lạnh, bề mặt nóng, thô, mịn - mọi bề mặt mà một họa sĩ minh họa cần
  • Độ sâu kết cấu, tỷ lệ, độ tương phản và điều khiển đảo ngược
  • Ghi đè kết cấu theo lớp - không chỉ toàn bộ tài liệu
  • Nhập kết cấu tùy chỉnh cho các bề mặt riêng biệt
  • Cài đặt giấy storyboard điện ảnh (16:9, 2.39:1, 4:3, vuông)
// Chế độ làm mịn
không → Truyền thẳng thô
cơ bản → MA lũy thừa
weighted → Bộ đệm vòng WMA
stabilizer → Cọ lười
pixel_perfect → Loại bỏ đồng tuyến

// Áp lực đầy đủ + nghiêng

Áp lực bút đầy đủ + Nghiêng

Mọi bảng vẽ, mọi bút. Độ nhạy áp lực, nghiêng X/Y và xoay thân bút với năm chế độ làm mịn cho theo dõi chính xác pixel trên bất kỳ thiết bị nào.

  • Cảm biến áp lực đầy đủ với chuẩn hóa (0.0–1.0)
  • Phát hiện góc nghiêng X/Y và xoay thân bút
  • 5 chế độ làm mịn: Không, EMA, Trọng số, Ổn định, Hoàn hảo từng điểm
  • Chế độ Ổn định: cọ lười với 3 mẫu tăng dần
  • Lớp phủ hiệu chỉnh không gian để xác minh con trỏ
  • Kiểm tra áp lực với biểu đồ thời gian thực và đường cong phản hồi
// Chế độ hòa trộn (tăng tốc GPU)
Bình thường · Nhân · Màn hình
Lớp phủ · Ánh sáng mềm · Ánh sáng mạnh
Tối · Sáng
Color Dodge · Color Burn
Sự khác biệt · Loại trừ
Sắc độ · Độ bão hòa · Màu sắc
Độ sáng

Lớp không phá hủy + 15+ chế độ hòa trộn

Bộ lớp chuyên nghiệp với 15+ chế độ hòa trộn, lớp điều chỉnh, nhóm, mặt nạ, độ mờ theo lớp và kéo để sắp xếp lại. Kết hợp tăng tốc GPU giúp tài liệu phức tạp nhanh chóng.

  • 15+ chế độ hòa trộn: Bình thường, Nhân, Màn hình, Phủ, Ánh sáng mềm, Ánh sáng mạnh, Tối, Sáng, Color Dodge, Color Burn, Sự khác biệt, Loại trừ, Sắc độ, Độ bão hòa, Màu sắc, Độ sáng
  • Lớp điều chỉnh: Độ sáng, Độ tương phản, Sắc độ, Độ bão hòa, Cấp độ, Đường cong
  • Nhóm lớp, mặt nạ cắt, khóa alpha và điều khiển hợp nhất
  • Bộ đệm tích lũy theo nét cho giới hạn độ mờ
  • Kéo để sắp xếp lại với công tắc hiển thị hàng loạt
  • Kết hợp tăng tốc GPU - tài liệu 100+ lớp vẫn mượt mà
// Phím tắt công cụ
B → Cọ E → Tẩy
S → Làm nhòe L → Dây thừng
R → Hình chữ nhật T → Văn bản
W → Ẩm C → Màu

Ctrl+Z → Hoàn tác
Ctrl+S → Lưu

Bảng công cụ hoàn chỉnh + Menu hình tròn

Mỗi công cụ mà một nghệ sĩ storyboard cần - cọ, tẩy, làm mờ, chọn, văn bản, hình dạng, gradient, ống nhỏ giọt - tất cả chỉ cách một phím bấm.

  • Công cụ cọ với kích thước, độ cứng, độ mờ và lưu lượng thay đổi
  • Tẩy, làm mờ, nhân bản, làm mờ, làm sắc nét, làm sáng, đốt
  • Chọn: hình chữ nhật, hình elip, lasso tự do, cây đũa thần
  • Bảng màu với bộ chọn RGB/HSL/HEX và lịch sử mẫu màu
  • Bảng kênh cho chỉnh sửa RGBA riêng lẻ
  • Menu hình tròn cho chuyển đổi công cụ chỉ bằng một lần chạm + phím tắt đầy đủ
// ErrorShooter (singleton)
Bộ đệm: 200 mục (vòng tròn)
Loại bỏ trùng lặp: 2s
Thông báo: tối đa 3 mục chồng lên nhau
Lỗi → 8s (đỏ)
Cảnh báo → 5s (vàng)
Thông tin → 4s (xanh dương)
// Khôi phục WebGL

Xuất phim + Giao dịch cọ .abr / .sbcd

Gửi khung hình sẵn sàng sản xuất. Xuất sang PNG, JPEG, PSD và JSON dự án. Nhập tệp cọ .abr, giao dịch cọ hoàn chỉnh trong định dạng .sbcd của chúng tôi, và lấy tài liệu tham khảo trực tiếp từ đám mây dự án của bạn.

  • Xuất PNG, JPEG, PSD (có lớp), và JSON dự án
  • Xuất storyboard đa khung - toàn bộ chuỗi chỉ với một cú nhấp chuột
  • Nhập tệp cọ Adobe ABR (các phiên bản 1, 2, 6–10)
  • Định dạng bàn chải .sbcd - xuất và nhập toàn bộ bàn chải (đầu + kết cấu + cài đặt) để chia sẻ trong nhóm
  • Chèn tham chiếu từ đám mây dự án của bạn - khung hình, nhân vật, địa điểm, đạo cụ, mọi tài sản chia sẻ - hoặc một tệp cục bộ
  • Lưu/phục hồi dự án không mất dữ liệu với đầy đủ lịch sử + đồng bộ đám mây - tiếp tục trên bất kỳ thiết bị nào giữa chừng
  • Chuyển giao trực tiếp đến Animate, AI Artist, và trình chỉnh sửa storyboard với liên kết cảnh

Kiến trúc

Đầu bút đến pixel - toàn bộ quy trình

Sự kiện con trỏ → BrushInputPipeline ( làm mịn )
  → BrushWorkerBridge → Web Worker
    → SimpleBrushEngine ( đường cong Hermite, chấm )
    → WorkerDabRenderer ( OffscreenCanvas )
    → Chuyển giao ImageBitmap (không sao chép)
  → Luồng chính: drawImage → canvas lớp
  → Bộ hợp thành → Bề mặt WebGL trên màn hình

Đường dẫn dự phòng (cục tẩy, mẹo, lông bàn chải, ướt):
  Công nhân → SkiaDabParams thô → DabRenderer chính → canvas

Công cụ vẽ chuyên nghiệp, cài đặt không cần.

Mở trình duyệt của bạn. Bắt đầu vẽ. Hiệu suất tăng tốc GPU gặp gỡ khả năng truy cập web.

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