Vector hóa ảnh trong Boxy SVG: truy vết hay nhập đường dẫn?
Boxy SVG có trình tạo Vectorize. Chọn truy vết, phong cách hình học hoặc SVG nhập vào, rồi kiểm tra vùng chỉnh sửa được và lỗ trước khi sử dụng đồ họa.
Trên trang này
Boxy SVG có thể truy vết ảnh bằng trình tạo Vectorize. Nhà phát triển đã xác nhận tính năng truy vết ảnh xuất hiện trong phiên bản 3.35.0, cùng Pixelate, Triangulate và Primitivize. Lời khuyên cũ cho rằng truy vết thủ công là cách duy nhất đã bỏ qua bổ sung đó.
Với logo hoặc hình minh họa bạn muốn đổi màu, hãy bắt đầu bằng truy vết. Với cách diễn giải hình học có chủ ý, khám phá các trình tạo khác. Nếu bạn đã có SVG hữu ích từ công cụ truy vết khác, hãy đưa đồ họa đó vào Boxy SVG để chỉnh sửa thay vì truy vết lại.
Lựa chọn phụ thuộc vào các hình dạng bạn cần sau đó. Chiếc cốc được dựng từ nhiều ô màu có thể là đồ họa vector nhưng vẫn khó chỉnh như một cốc với quai riêng. Quyết định bạn cần chọn, đổi màu hoặc chỉnh hình gì trước khi đánh giá kết quả.
Chọn hình học bạn muốn chỉnh sửa
Vectorize và các trình tạo khác có chung mục đích rộng: chuyển thông tin raster thành đồ họa vector. Chúng phục vụ những mục tiêu thị giác khác nhau. Thảo luận về Triangulate và Primitivize của nhà phát triển mô tả cách xấp xỉ hình học, gồm lựa chọn tam giác hoặc hình chữ nhật trong Primitivize.
Dùng sự khác biệt đó để chọn điểm bắt đầu:
| Mục tiêu | Cách bắt đầu | Kiểm tra nghiệm thu |
|---|---|---|
| Giữ biểu trưng dễ nhận biết dưới dạng đường viền chỉnh sửa được | Vectorize | Hình dáng quan trọng và khoảng trống được giữ lại |
| Tạo cách diễn giải hình học | Khám phá Pixelate, Triangulate hoặc Primitivize | Cách tạo phong cách là có chủ ý và hình học phù hợp với chỉnh sửa sau này |
| Hoàn thiện kết quả truy vết đã tạo ở nơi khác | Mở SVG trong Boxy SVG | Đồ họa hiển thị chứa đối tượng vector sử dụng được |
| Dựng lại biểu trưng đơn giản với đường cong có kiểm soát | Vẽ thủ công | Cấu trúc tuân theo thiết kế bạn muốn |
Không cách nào tự động tạo cấu trúc đối tượng của nhà thiết kế ban đầu. Công cụ truy vết nhìn ảnh hoàn chỉnh. Nó không biết bạn coi cốc, quai và điểm sáng là ba thành phần thiết kế có tên riêng.
Hãy hình dung hình minh họa tiệm trà xuất hiện vừa như đồ họa lớn trên áp phích vừa như biểu tượng nhỏ trong thực đơn. Các mảng đa diện có thể phù hợp với áp phích. Biểu tượng có thể cần hình dáng đơn giản hơn với quai có khoảng rỗng nhìn rõ ngay. Đó là những yêu cầu thiết kế khác nhau, dù cả hai đầu ra đều dùng SVG.
Thử truy vết có sẵn mà không làm mất nguồn
Giữ ảnh gốc và tạo tài liệu làm việc riêng cho kết quả truy vết. Bắt đầu với một ảnh đại diện, như biểu tượng cốc, trước khi xử lý cả bộ.
Tìm Vectorize trong các trình tạo của phiên bản Boxy SVG bạn dùng. Dùng nó cho lần truy vết đầu tiên, rồi kiểm tra đồ họa được tạo riêng với ảnh nguồn. Nếu cả hai nằm cùng vị trí, di chuyển kết quả sang bên hoặc ẩn nguồn khi kiểm tra. Nếu không, bitmap được giữ lại có thể che giấu phần bị thiếu trong kết quả vector.
Mỗi lần chỉ thay đổi một thông số truy vết có sẵn và so sánh cùng một chi tiết nhỏ sau mỗi lần thử. Với cốc, chú ý khoảng mở ở quai và chỗ nối quai với thân. Giữ phiên bản bảo toàn các chi tiết đó trước khi thử kết quả đơn giản hơn. Không thể hứa một thiết lập chung hữu ích cho mọi ảnh nguồn.
Nếu bản cài của bạn không có Vectorize, hãy kiểm tra phiên bản và bản sản phẩm theo thông tin hỗ trợ Boxy SVG. Thiếu điều khiển không chứng minh Boxy SVG chưa từng hỗ trợ truy vết ảnh. Bạn cũng có thể dùng công cụ truy vết bên ngoài rồi tiếp tục chỉnh SVG trong Boxy SVG.
Kiểm tra khoảng mở ở quai trước khi đơn giản hóa đường dẫn
Quai cốc là phép thử hữu ích vì khoảng trống góp phần tạo đặc trưng của nó. Đặt nền tương phản sau kết quả. Nếu màu đó hiện qua khoảng mở, kiểm tra vùng trống mong muốn còn tồn tại không. Nếu khoảng mở vẫn trắng, có thể đó là đối tượng trắng che nền.
Đây không chỉ là lựa chọn màu. Quy tắc tô màu của SVG xác định vùng nào của đường dẫn được tính là bên trong, bao gồm quan hệ giữa các đường dẫn con. Vì vậy, thay đổi cấu trúc đường dẫn có thể thay đổi lỗ. Làm việc trên bản sao trước khi kết hợp hoặc đơn giản hóa hình dạng, rồi kiểm tra lại khoảng mở.
Với ví dụ cốc, thực hiện kiểm tra theo thứ tự:
- Xem kết quả không có nguồn raster phía sau. Xác nhận thân và quai cốc vẫn đầy đủ.
- Kiểm tra quai trên nền tương phản. Đồng thời xem mọi khe hẹp giữa các nét trang trí.
- Chọn vùng màu của cốc và thử đổi màu tô tạm thời. Quan sát chỉnh sửa tác động đến một vùng hữu ích hay nhiều mảnh nhỏ.
- Kiểm tra đường viền ngoài bằng công cụ chỉnh đường dẫn. Điều chỉnh một đoạn nhỏ rồi hoàn tác để xác nhận bạn đang làm việc với hình học mong muốn.
- Thu đồ họa xuống kích thước biểu tượng thực đơn. Quyết định quai còn đọc rõ không và các mảng nhỏ có bổ sung điều gì hữu ích không.
Kết quả cầu kỳ có thể phù hợp với áp phích nhưng cần bản đơn giản riêng cho thực đơn. Để xem lựa chọn dọn dẹp chi tiết, đọc cách chỉnh SVG và cách xử lý SVG có quá nhiều nút.
Nhập kết quả truy vết chuyên dụng khi phù hợp công việc
PerfectVector là lựa chọn khi bạn muốn tạo kết quả truy vết riêng và dùng Boxy SVG cho các chỉnh sửa hoàn thiện. Chuyển ảnh nguồn thành SVG, rồi mở đồ họa tải xuống trong Boxy SVG và kiểm tra đường viền cốc, khoảng mở ở quai cùng các vùng đổi màu được. Cách này tách lựa chọn truy vết khỏi trình chỉnh sửa bạn thích dùng để sắp xếp và tinh chỉnh thiết kế.
Mô tả Google Play do nhà phát triển cung cấp của Boxy SVG liệt kê chỉnh hình học, thao tác đường dẫn, lưu SVG/SVGZ và trình kiểm tra mã SVG/CSS. Đây là những công cụ hoàn thiện hữu ích, dù đường dẫn đến từ truy vết có sẵn, chuyển đổi bên ngoài hay bản vẽ thủ công.
Kiểm tra đồ họa nhập vào thay vì tin phần mở rộng. Phần tử image của SVG có thể tham chiếu PNG hoặc JPEG, nên SVG vẫn có thể chứa nội dung raster. Nếu cốc vẫn là đối tượng ảnh, mở nó trong trình chỉnh sửa vector chưa chuyển nó thành đường viền. Hướng dẫn về tệp SVG chứa ảnh raster giải thích cách nhận diện đồ họa hỗn hợp.
Dùng cùng ảnh nguồn và cùng tiêu chí nghiệm thu nếu so sánh các cách truy vết. Đánh giá kết quả có hỗ trợ chỉnh sửa dự kiến không, thay vì tự động chọn tệp có dung lượng nhỏ nhất hoặc ít đối tượng nhất.
Khi vẽ thủ công hoặc giữ ảnh raster phù hợp hơn
Biểu tượng cốc đơn giản có thể dễ dựng lại từ vài hình có kiểm soát hơn sửa sau truy vết. Dựng thủ công cho phép bạn quyết định cách quai nối thân và cách điểm sáng hoạt động khi đổi màu. Nó cũng tránh giữ lại những chỗ gồ ghề ngoài ý muốn trong ảnh nguồn nhỏ đã nén.
Ảnh chụp cốc gốm tráng men đặt ra lựa chọn khác. Phản chiếu, kết cấu men và sắc độ tinh tế có thể là mục đích của ảnh. Giữ raster nếu bạn muốn bảo toàn các chi tiết đó. Tạo phong cách hình học có thể là quyết định nghệ thuật có chủ ý, nhưng nó thay đổi điều bạn yêu cầu tệp biểu diễn.
Câu hỏi thường gặp
Boxy SVG có truy vết ảnh tự động không? Có. Nhà phát triển mô tả trình tạo Vectorize là tính năng truy vết ảnh được giới thiệu trong phiên bản 3.35.0. Kiểm tra bản sản phẩm và phiên bản nếu không tìm thấy, thay vì dựa vào hướng dẫn cũ chỉ nói đến làm thủ công.
Vectorize và Triangulate có giống nhau không? Chúng phục vụ mục tiêu khác nhau. Bắt đầu với Vectorize khi cần đường viền truy vết. Khám phá trình tạo hình học khi đồ họa mong muốn là cách diễn giải đa diện hoặc có phong cách khác, rồi kiểm tra các mảnh kết quả có hỗ trợ chỉnh sửa dự kiến không.
Tôi có thể chỉnh SVG do công cụ vector hóa khác tạo trong Boxy SVG không? Bạn có thể dùng Boxy SVG để làm việc với đồ họa vector nhập vào. Kiểm tra tệp trước: SVG chỉ chứa bitmap nhúng không cung cấp đường viền chỉnh sửa được cho ảnh đó.
Vì sao lỗ trong hình được truy vết biến mất? Kiểm tra liệu truy vết đã đóng khoảng mở, đối tượng cùng màu nền che nó hay thao tác đường dẫn thay đổi cách tô bên trong. So sánh với bản sao đã lưu và thử trên nền tương phản trước khi thay đổi thêm đường dẫn.
Nguồn tham khảo
- Phản hồi của nhà phát triển Boxy SVG trên Mac App Store — Xác nhận của nhà phát triển về Vectorize và các trình tạo khác trong phiên bản 3.35.0.
- Thảo luận của nhà phát triển Boxy SVG về trình tạo hình học — Giải thích của tác giả về Triangulate và Primitivize, tách biệt với ý kiến của người dùng khác.
- Boxy SVG trên Google Play — Mô tả của nhà phát triển về chỉnh sửa, thao tác đường dẫn, lưu và kiểm tra mã.
- W3C — Quy tắc tô màu SVG 2 — Cách xác định vùng bên trong đường dẫn.
- W3C — Nội dung nhúng SVG 2 — Ảnh raster có thể được tham chiếu bên trong SVG.
Chọn hình học hỗ trợ chỉnh sửa tiếp theo. Nếu kết quả truy vết riêng hữu ích, hãy thử ảnh của bạn trong PerfectVector, mở SVG trong Boxy SVG và kiểm tra khoảng mở quan trọng nhỏ nhất cùng vùng bạn cần đổi màu.
Thêm từ blog
Lựa chọn thay Vectorizer.AI: so chi phí và khả năng kiểm soát
Có lựa chọn miễn phí thay Vectorizer.AI, nhưng phần lớn đánh giá do chính bên thay thế viết. Đây là đánh đổi thực và cách tự thử mọi công cụ chuyển đổi.
Đường cong Bézier SVG: sửa chỗ gãy mà không thêm nút
Sửa điểm nối Bézier bậc ba trong SVG bằng cách căn tay nắm. So sánh tay nắm khác độ dài và phản chiếu, hiểu lệnh S và giữ các góc có chủ ý.