Chuyển bản vẽ thành SVG đường đơn cho máy vẽ bút

Để chuyển bản vẽ thành SVG đường đơn cho máy vẽ bút, hãy dùng đồ đường tâm, thay vì đồ đường viền thông thường. Công cụ vector hóa bình thường đi theo cả hai cạnh của mỗi nét mực. Công cụ đồ đường tâm ước lượng một đường dẫn đi giữa nét, chính là lộ trình bút cần theo.

Kết quả có thể chứa nhiều đường dẫn mở và cần nhiều lần nhấc bút. “Đường đơn” mô tả hình học của mỗi nét được vẽ; không đảm bảo toàn bộ hình minh họa là một <path> liền mạch. Nối mọi đoạn thành một đối tượng có thể thêm đường nối ngoài ý muốn, vì vậy chỉ tối ưu di chuyển sau khi bản vẽ đã đúng.

Quy trình ngắn gọn

1. Bắt đầu với nét mảnh, đều, tương phản cao trên nền sạch.
2. Quét hoặc chụp phẳng, rồi bỏ bóng và vân giấy.
3. Chạy đồ đường tâm trong Inkscape hoặc công cụ có khả năng tương tự.
4. Đặt kết quả có đường viền nhìn thấy, không tô màu, rồi kiểm tra mọi nhánh và điểm cuối.
5. Xóa chấm bụi, làm mượt chỗ rung rõ ràng và chỉ nối những đường cần chạm nhau.
6. Đặt kích thước trang SVG, xem trước lộ trình vẽ và chạy một thử nghiệm nhỏ trên giấy.

Vì sao đồ SVG thông thường vẽ mỗi nét hai lần

Nét bút dạ có chiều rộng nhìn thấy được. Công cụ đồ đường viền xem vùng tối đó là hình, rồi vẽ ranh giới quanh nó. SVG thu được thường có đường dẫn đóng dài: một bên nét gốc, vòng qua đầu nét rồi quay lại ở bên kia.

Tệp đó trông đúng trên màn hình vì hình tô kín giống mực. Máy vẽ bút không tái tạo phần tô dưới dạng vùng màu. Nó đi theo đường dẫn vector. Vì vậy, hai ranh giới trở thành hai lượt đi bút.

Đồ đường viền và đồ đường tâm

Đường dẫn kép hữu ích khi mục đích sử dụng cần hình tô kín, hình bóng in hoặc ranh giới cắt. Hình học đó không phù hợp khi bút, mũi khắc hoặc dụng cụ ép nhũ cần đi dọc nét gốc một lần. Vấn đề được giải thích từ góc độ hình nét thông thường trong vì sao hình nét trở thành đường bao; ở đây chúng ta sẽ tạo cách thay thế dành riêng cho máy vẽ bút.

SVG đường đơn thực sự chứa gì

Bản vẽ nét sẵn sàng cho máy vẽ bút thường có các đặc điểm sau:

• đường dẫn dùng đường viền và không tô màu;
• mỗi nét nhìn thấy được thể hiện bằng một đường tâm, thay vì hình đóng mảnh;
• giao điểm có chủ ý gặp nhau gọn, không có khe nhỏ hay đoạn trùng;
• điểm cuối nằm ở nơi bút cần dừng hoặc nhấc lên;
• kích thước trang khớp giấy hoặc vùng vẽ dự định;
• đường dẫn nằm trong ranh giới trang.

SVG có thể chứa mười hoặc một nghìn đường dẫn. Chỉ số lượng đường dẫn không cho biết đó có phải hình đường đơn hay không. Phóng to một nét và dùng công cụ nút. Nếu thấy một hàng nút chạy giữa nét, đó là đường tâm. Nếu nút chạy dọc hai bên và nối quanh đầu nét, đó là đường bao. Với bản vẽ hoạt hình, hướng dẫn chế độ chuyển đổi OpenToonz áp dụng sự khác biệt này cho các khung hình được chọn, cấp vector gốc và việc chỉnh chiều rộng về sau.

Với hiệu ứng vẽ dần trên trình duyệt, hướng dẫn hoạt ảnh đường viền SVG so sánh một lộ trình mở với dải tô kín và chu vi của nó. Chuẩn bị lộ trình vẽ trước khi thêm thời gian; hoạt ảnh không khôi phục thứ tự đi bút từ đường bao.

Tài liệu AxiDraw giải thích hành vi máy rất rõ: trong chế độ vẽ SVG thông thường, máy đi theo đường dẫn; hình thức tô màu và đường viền không được dùng để tô một vùng. Bản xem trước có thể trông đậm và kín mà vẫn mã hóa một lộ trình bạn không mong muốn.

Chọn bản vẽ phù hợp với đồ đường tâm

Đồ đường tâm hoạt động tốt nhất khi ảnh nguồn cho thuật toán thấy rõ phần giữa:

• mực tối trên giấy trắng hoặc có màu đều;
• chiều rộng nét tương đối ổn định;
• khoảng hở rõ giữa các nét gần nhau;
• không có tô bóng, đám gạch nét hoặc vân giấy cạnh tranh với đường nét;
• đường cong đủ lớn để phân biệt với nhiễu quét.

Bút dạ đầu mảnh, bút kỹ thuật hoặc nét cọ kỹ thuật số sạch dễ xử lý hơn bút chì. Lực bút chì tạo nét xám có chất liệu, khiến cạnh và tâm khó xác định. Cọ thư pháp rộng có đường tâm, nhưng chiều rộng thay đổi mang thông tin biểu cảm mà một nét máy vẽ đều không thể tái tạo.

Nếu chiều rộng thay đổi là phần thiết yếu của tác phẩm, bạn có ba lựa chọn phù hợp: giữ phiên bản đường bao rồi tô bằng nét gạch, dùng nhiều lượt đi bút hoặc các ngòi khác nhau, hoặc giữ ảnh thành đồ họa vector tô kín thay vì cho rằng một đường tâm sẽ trông giống hệt.

1. Chụp hoặc quét và chuẩn bị ảnh nguồn

Quét bản vẽ nếu có thể. Nếu chụp ảnh, giữ máy ảnh song song với giấy và chiếu sáng từ hai bên để một mép không bị tối. Cắt trang, sửa phối cảnh và xoay ảnh trước khi đồ.

Sau đó chuẩn bị ảnh nguồn đen trắng đơn giản:

1. làm giấy gần trắng hơn mà không xóa nét mờ có chủ ý;
2. làm bản vẽ đủ đậm để mỗi nét dự định vẫn liền mạch;
3. bỏ bụi rời, vụn tẩy và bóng;
4. tránh tăng sắc nét đến mức đường nét xuất hiện quầng sáng;
5. kiểm tra giao điểm ở mức phóng to cao.

Đừng làm nét dày lên chỉ để nó “giống vector hơn”. Nét raster dày hơn tạo vùng rộng hơn, khiến tâm khó xác định ở chỗ ngoặt gấp. Giữ chiều rộng sạch nhỏ nhất mà nét vẫn liên tục.

Nếu ảnh nguồn là tranh trẻ em và độ rung là phần cá tính, dùng lời khuyên chụp hoặc quét ảnh trong chuyển tranh trẻ em thành SVG, nhưng bỏ bước đồ đường viền thông thường của bài đó. Cách chuẩn bị vẫn áp dụng; chế độ đồ ảnh thay đổi.

2. Dùng đồ đường tâm trong Inkscape

Nhập ảnh đã chuẩn bị vào Inkscape, chọn ảnh và mở Path → Trace Bitmap. Chọn Centerline tracing (autotrace) thay vì Brightness cutoff hoặc Edge detection. Hướng dẫn Inkscape cho người mới mô tả chế độ này là rút một hình thành đường dẫn mở và khuyên dùng cho chữ viết tay cùng các bản vẽ nét khác.

Xem trước kết quả và chú ý các vùng khó:

• nét song song sát nhau có thể gộp thành một;
• vòng khép kín có thể xuất hiện đường tắt qua bên trong;
• giao điểm có thể chọn sai nhánh;
• nét mờ có thể đứt thành nhiều mảnh;
• bụi có thể thành đường dẫn nhỏ riêng lẻ.

Áp dụng kết quả đồ ảnh, di chuyển vector ra khỏi raster và so sánh cạnh nhau. Đặt đối tượng được đồ thành không tô màu, có đường viền tương phản để thấy lộ trình. Nếu không thấy gì, có thể kết quả chỉ chưa có kiểu đường viền; chọn đối tượng và gán đường viền.

Tên menu và các bộ máy đồ ảnh có thể thay đổi giữa phiên bản, vì vậy dùng tùy chọn đường tâm hiện có trong Inkscape đã cài, thay vì làm theo hướng dẫn tiện ích mở rộng cũ một cách máy móc.

3. Kiểm tra điểm cuối, nhánh và vòng lặp ngoài ý muốn

Chuyển sang công cụ nút. Bắt đầu ở một điểm cuối và hình dung lộ trình. Đường tâm tốt nên nằm gần giữa nét mực và đi theo cách một cây bút sẽ đi.

Sửa hình học theo thứ tự sau:

1. Xóa chấm bụi và đoạn ngắn. Chúng gây chạm bút không cần thiết.
2. Nối lại nét đứt. Chỉ nối điểm cuối khi nét nguồn vốn liên tục.
3. Bỏ đoạn trùng. Hai đường dẫn giống nhau vẫn được vẽ hai lần dù chồng khít.
4. Sửa điểm phân nhánh. Quyết định đường dẫn nào tiếp tục và đường nào kết thúc ở chỗ nối.
5. Làm mượt độ rung cục bộ. Di chuyển hoặc bỏ vài nút; đừng đơn giản hóa cả bản vẽ một cách máy móc.
6. Mở vòng đóng ngoài ý muốn. Vòng đường tâm phù hợp khi bản vẽ có vòng, nhưng hình con nhộng mảnh quanh một nét nghĩa là hình học đường bao vẫn còn.

Bật chế độ đường bao hoặc khung dây nếu trình chỉnh sửa có. Kiểu hiển thị có thể che đoạn trùng, trong khi chế độ chỉ hiện đường dẫn làm chúng lộ ngay.

4. Quyết định nơi bút cần nhấc lên

Ít lần nhấc bút hơn có thể vẽ nhanh hơn và giảm dấu di chuyển, nhưng không nhấc bút lần nào không mặc nhiên tốt hơn. Mắt, chấm và họa tiết rời phải giữ riêng hoặc có thêm nét nối nhìn thấy được.

Nối đường dẫn khi:

• điểm cuối của chúng đã gặp nhau trong bản vẽ;
• nét dự định là liên tục;
• việc nối không thay đổi lộ trình qua giao điểm.

Giữ đường dẫn riêng khi:

• nối sẽ vẽ ngang qua giấy trống;
• bút cần đổi màu hoặc ngòi;
• các thành phần chồng nhau về thị giác nhưng không phải một nét;
• việc nhấc có chủ ý giúp tránh mực tụ ở chỗ nối.

Phần mềm sắp thứ tự đường dẫn có thể giảm di chuyển khi nhấc bút mà không thay đổi tác phẩm. Tài liệu dòng lệnh hiện tại của AxiDraw mô tả sắp xếp lại là tối ưu bằng cách đổi thứ tự thành phần và, tùy chọn, hướng đường dẫn để giảm di chuyển khi nhấc bút. Việc đó khác với đồ đường tâm. Trước tiên tạo nét đúng, rồi sắp xếp lại.

5. Đặt hình thức đường viền và kích thước tài liệu

Máy vẽ đi theo hình học, không phải độ dày trang trí bạn thấy trong trình chỉnh sửa. Dùng độ rộng đường viền trên màn hình vừa phải để dễ kiểm tra; thay đổi độ rộng đó thường không thay đổi ngòi bút thực tế.

Đặt trang SVG theo kích thước giấy dự định và giữ lề an toàn quanh bản vẽ. Xác nhận đơn vị và kích thước tài liệu, thay vì co giãn bằng mắt trong hộp thoại vẽ. Nếu nhập sang ứng dụng khác bị đổi kích thước, dùng phép thử SVG có kích thước biết trước trước khi sửa nút.

Khi dùng nhiều màu bút, đặt chúng trên lớp rõ ràng hoặc dùng quy ước kiểu hiển thị mà phần mềm máy vẽ có thể tách. Chạy từng màu và giữ căn chỉnh bằng cách không đổi gốc tọa độ trang.

6. Xem trước và thử trước lượt vẽ cuối

Dùng bản xem trước hoặc mô phỏng của phần mềm máy vẽ để tìm:

• di chuyển kép bất ngờ;
• đường nối dài khi hạ bút qua khoảng trống;
• mảnh rất nhỏ tạo chấm;
• quá nhiều lần nhấc bút;
• đường dẫn ngoài trang;
• lộ trình bắt đầu ở vùng dày, ướt rồi quay lại trước khi mực khô.

Thử ở kích thước vật lý cuối trên giấy rẻ. Đường dẫn trông mượt ở mức phóng to 400% có thể lộ rung cơ học, tụ mực hoặc khoảng hở với bút thực tế. Điều chỉnh tốc độ, độ cao bút và lực trong thiết lập máy vẽ, thay vì thay đổi hình học SVG tốt để bù cho máy.

PerfectVector phù hợp ở đâu và giới hạn ở đâu

PerfectVector là công cụ vector hóa đường bao. Công cụ hữu ích khi bản vẽ đã quét cần các hình tô kín sạch cho in, cắt, trang tô màu hoặc chỉnh sửa tiếp. Nó không chuyển nét mực rộng thành một đường tâm đơn mà máy vẽ bút cần.

Một quy trình kết hợp khả thi là dùng PerfectVector để khôi phục hình bóng hoặc vùng tô sạch, rồi vẽ lại vài nét bút thực sự bằng công cụ đường tâm. Với bản vẽ hoàn toàn bằng nét, dùng trực tiếp đồ đường tâm Inkscape hoặc đồ thủ công những đường cong quan trọng. Vẽ thủ công thường nhanh hơn sửa bản đường tâm tự động kém trên một phác thảo nhỏ, giàu biểu cảm.

Câu hỏi thường gặp

Vì sao máy vẽ bút vẽ mỗi nét hai lần? Đồ vector thông thường đi theo cả hai cạnh của mỗi nét tối, tạo hình đóng mảnh. Máy vẽ đi theo cả hai đường ranh giới. Dùng đồ đường tâm và kiểm tra kết quả dưới dạng đường dẫn thuần, thay vì dựa vào bản xem trước tô kín.

SVG đường đơn có nghĩa cả bản vẽ là một đường dẫn không? Không. Nó thường có nghĩa mỗi nét nhìn thấy được thể hiện bằng một đường tâm thay vì hai đường bao. Chi tiết rời có thể giữ thành đường dẫn riêng và cần nhấc bút; ép chúng vào một đường dẫn có thể tạo nét nối ngoài ý muốn.

Inkscape có thể chuyển bản vẽ thành đường tâm không? Có. Trong các phiên bản Inkscape hiện tại, Trace Bitmap có chế độ Centerline tracing dành cho chữ viết tay và bản vẽ nét. Kết quả vẫn cần kiểm tra vì giao điểm, nét mờ và chiều rộng nét thay đổi có thể tạo nhánh sai hoặc khoảng hở.

SVG đường đơn có nên tô màu không? Thông thường là không. Gán đường viền nhìn thấy cho đường dẫn và đặt không tô để kiểm tra lộ trình bút sẽ theo. Chiều rộng nét thực tế đến từ ngòi bút và thiết lập máy vẽ, không chỉ từ độ rộng đường viền SVG hiển thị.

PerfectVector có thể tạo SVG đường đơn cho máy vẽ bút không? Không trực tiếp. PerfectVector tạo đường bao sạch phù hợp cho đồ họa tô kín, in và cắt hình. Để có một đường dẫn giữa mỗi nét vẽ, dùng công cụ đồ đường tâm hoặc vẽ lại đường dẫn thủ công.

Nguồn tham khảo

1. Hướng dẫn Inkscape cho người mới — Đồ một ảnh — chế độ đồ đường tâm cho chữ viết tay và bản vẽ nét.
2. Tài liệu API Python AxiDraw — cách vẽ đường dẫn SVG mặc định và xử lý hình thức tô màu, đường viền.
3. Tài liệu CLI AxiDraw — thứ tự đường dẫn, hướng, xem trước và tối ưu di chuyển khi nhấc bút.
4. W3C — Đường dẫn SVG — đường dẫn mở, đường dẫn con, điểm cuối và hình học đường dẫn.

---

Nếu một phần tác phẩm cần hình vector tô kín sạch trước khi bạn dựng đường dẫn máy vẽ, đồ phần raster đó bằng PerfectVector và kiểm tra đường bao. Với những nét bút phải đi theo một lần, hoàn thiện bằng đồ đường tâm và thử trên giấy thực tế.