PerfectVector
Bởi Irene Kim

Đường tạo nếp và đường cắt SVG: Đọc hình học

Đọc hình học nếp gấp SVG trước khi gán Score hay Cut. So sánh đường mở, dải có màu tô và nét đứt, rồi kiểm tra quy trình thao tác Cricut theo tài liệu.

10 phút đọc
Trên trang này

Đường tạo nếp và đường cắt mô tả các công việc dự định khác nhau. Với thiệp gấp ở đây, đường tạo nếp đánh dấu chỗ gấp; đường cắt đánh dấu chu vi ngoài thiệp. Tuy nhiên trong tệp SVG, đường có màu vẫn là hình học với cách thể hiện được tô vẽ. Màu, tên hay vẻ đứt đoạn không xác lập thao tác phần mềm cắt sẽ dùng.

Đọc riêng ba điều: tuyến lưu trong tệp, cách nó được vẽ trên màn hình và thao tác gán sau nhập. Tài liệu Operation của Cricut coi Cut và Score là chỉ dẫn máy được chọn cho lớp thiết kế. Hình xem trước SVG trông hữu ích không xác minh lựa chọn đó.

Tuyến gấp và hình thức là thông tin khác nhau

SVG nghĩa là Scalable Vector Graphics. Đường dẫn lưu tuyến hoặc biên bằng các lệnh như di chuyển, đường thẳng và đóng. Nét tô dọc hình học đó; màu tô phủ phần trong hình. Đặc tả đường dẫn SVG mô tả các lệnh và đường con không nối nhau.

Với thiệp đơn giản, giữ chu vi ngoài, nếp gấp dự định và hình trang trí nhận diện được như đối tượng riêng. Nhờ đó bạn kiểm tra nếp gấp mà không nhầm với mép thiệp hay sọc trang trí.

Ví dụ gốc có thiệp chữ nhật, họa tiết tròn nhỏ và vị trí gấp đứng. Chúng tôi tạo bốn phiên bản hình học nếp gấp. Thiệp và trang trí giữ nguyên trong từng tệp.

Cách biểu diễn nếp gấpNội dung nguồnĐiều chỉ hình ảnh không xác lập được
Đường mở liên tụcMột tuyến có hai đầu mútNơi nhận sẽ tạo nếp, vẽ hay cắt nó
Dải hẹp có màu tôHình kín có chiều rộngHình đó có phải tuyến gấp dự định không
Nét đứt trên một đường dẫnMột tuyến liên tục với màu nét đứtCác khoảng trống nhìn thấy có tồn tại trong hình học không
Các đường ngắn riêngTuyến không nối nhau có đầu mút riêngThao tác nào sẽ dùng các đoạn đó

Đây là lựa chọn về cấu tạo nếp gấp, không phải quy tắc mọi đường mở là tạo nếp hay mọi đường kín là cắt. Vẫn phải kiểm tra cách nơi nhận diễn giải và thao tác được chọn.

Hai dấu liền trông giống nhau có thể chứa tuyến khác nhau

Thiệp thứ nhất dùng đường mở này làm tham chiếu gấp:

<path id="fold" d="M50 18 V62" fill="none"
      stroke="#76548B" stroke-width="1.6"
      stroke-linecap="butt" />

Nó bắt đầu ở 50, 18 và đi thẳng đứng tới 50, 62. Không có lệnh đóng. Chiều rộng tím đến từ màu nét quanh tuyến đó.

Thiệp thứ hai dùng dải có màu tô:

<path id="fold" d="M49.2 18 H50.8 V62 H49.2 Z"
      fill="#76548B" stroke="none" />

Đường của nó đi quanh dải và Z đóng lại. Định nghĩa closepath SVG giải thích kết nối đóng đó. Tệp lưu chu vi quanh dấu tím thay vì một tuyến đi qua giữa.

Chúng tôi cố ý làm hai dấu trông giống nhau. Lớp có tên fold nhận diện phần tử để kiểm tra, nhưng không ghi thao tác tạo nếp đã thử. Trước khi coi đối tượng nhập là một tuyến gấp đơn, kiểm tra nơi nhận thực sự giữ gì.

Ảnh kết xuất trình duyệt thực tế của bốn SVG thiệp gấp: đường gấp mở, dải tô kín, một đường tô nét đứt và bảy đoạn mở riêng
Các tệp SVG gốc tự tạo. Mỗi cặp có hình thức giống nhau nhưng hình học lưu khác. Đây là bằng chứng nguồn và kết xuất, không phải thử nhập Cricut hay tạo nếp vật lý.

Màu nét đứt không quyết định tạo nếp hay cắt

Thiệp thứ ba giữ đúng dữ liệu đường dẫn d="M50 18 V62" của thiệp đầu và thêm stroke-dasharray="4 3". Đặc tả tô vẽ SVG định nghĩa mẫu gạch là các phần được tô và không tô của nét. Tuyến trong ví dụ vẫn liên tục qua các khe hiển thị.

Thiệp thứ tư thay vào đó chứa bảy đường mở riêng. Mỗi gạch nhìn thấy có điểm đầu và cuối riêng. Không có hình học gấp nối trong khe. Đó là các tệp nguồn khác nhau dù dấu gạch khớp trên màn hình.

Với thiệp, quyết định ý định của bạn: một tham chiếu gấp liên tục, các đoạn rời, đường hướng dẫn in hay sọc trang trí. Chỉ vẻ đứt đoạn không trả lời được câu hỏi thiết kế đó. Hướng dẫn hình học đường đứt trình bày khe được lưu và gạch đã chuyển thành đường bao kỹ hơn; bài này tập trung nhận diện nếp gấp và gán thao tác dự định.

Mẫu 4 3 và độ rộng nét nhìn thấy được chọn để minh họa dễ đọc. Chúng không phải áp lực tạo nếp, thiết lập lưỡi dao hay kích thước đục lỗ được khuyên dùng.

Chúng tôi đã xác minh gì trong tệp gốc?

Chúng tôi chỉ kiểm tra nhóm nếp gấp khi đếm đường, không tính chu vi thiệp và trang trí chung:

  • Nếp gấp liền có một đường mở và một đường con.
  • Dải có một đường kín và một đường con.
  • Nếp gấp tô nét đứt có một đường mở với dữ liệu không đổi.
  • Bản gạch riêng có bảy đường mở và bảy đường con.

Chúng tôi cũng kết xuất cả bốn SVG đã lưu ở 1000 × 800 pixel bằng Sharp 0.34.4 và librsvg 2.61.1. Nếp gấp liền và dải có màu tô tạo bộ đệm pixel giống hệt. Đường tô nét đứt và các đoạn riêng cũng tạo bộ đệm pixel giống hệt. Hình trình duyệt cho thấy cùng các tệp SVG tự tạo đó.

Kết quả xác lập điểm hẹp: hình thức khớp không xác lập hình học khớp. Nó không xác lập Cricut Design Space nhập tệp thế nào, tạo đường chạy nào, có giữ kiểu gạch không hoặc vật liệu gấp ra sao sau tạo nếp. Chúng tôi không nhập các mẫu vào Design Space hay chạy máy.

Một phần tử đường dẫn SVG có thể chứa nhiều đường con không nối nhau, nên chỉ đếm phần tử đường không phải cách chẩn đoán chung. Kiểm tra tuyến bắt đầu, dừng và đóng ở đâu. Nếu muốn khôi phục đường tâm từ bản quét, hướng dẫn SVG một nét đề cập nhiệm vụ đồ hình riêng đó.

Kiểm tra Cricut theo tài liệu diễn ra sau rà soát hình học

Hướng dẫn Selecting Operation hiện tại của Cricut yêu cầu chọn lớp thiết kế rồi chọn thao tác từ menu Operation. Thao tác đã chọn được liệt kê trong bảng Layers và các tùy chọn hiển thị theo máy được chọn. Với nếp gấp dự định tạo rãnh, kiểm tra đối tượng nhập phù hợp có gán Score như mong muốn.

Vị trí là kiểm tra khác. Cricut mô tả Attach là giữ vị trí cắt tương đối và gắn lớp Score, Draw hoặc Foil vào lớp Cut. Với thiệp, nếp gấp và chu vi cần có quan hệ dự định trong hình xem trước dự án cũng như trên vùng thiết kế.

Đây là kiểm tra tiếp theo dựa trên tài liệu. Chúng tôi không thử gán hay Attach với các tệp mẫu. Nhãn thao tác không phải bằng chứng dải kín đã thành đường tâm, và màu tệp nguồn không phải bằng chứng thao tác được chọn. Kiểm tra riêng cách biểu diễn nhập, thao tác gán và vị trí, rồi thử công cụ cùng vật liệu thực tế.

Với kiểm tra nhập, lớp và thảm rộng hơn, dùng hướng dẫn chuẩn bị SVG Cricut. Nó giải thích vì sao nhóm để tổ chức khác với giữ cách sắp xếp sản xuất dự định.

Tách đồ hình trang trí khỏi nếp gấp

Nếu họa tiết trang trí thiệp chỉ có PNG hoặc JPG phẳng, quy trình hình Cricut của PerfectVector có thể dựng phương án SVG từ ảnh đó. Kiểm tra hình khôi phục, rồi giữ trang trí riêng với nếp gấp và chu vi ngoài được chủ ý tạo. Vector hóa tạo đường dẫn từ pixel; nó không suy ra nếp gấp của nhà thiết kế, chọn Score cho lớp nhập hay thử kết quả máy.

Giữ họa tiết vector hiện có khi có sẵn. Họa tiết tròn mẫu được tạo trực tiếp, không đồ lại. Tham chiếu gấp thẳng đơn giản cũng có thể tạo trực tiếp; đồ ảnh chụp toàn thiệp thêm nhiệm vụ tái dựng vào hình học bạn đã biết.

Bước kiểm tra tệp hoàn tất khi xác định được tuyến gấp thực tế, cách biểu diễn nét hoặc màu tô, mọi khe dự định và chu vi thiệp riêng. Kiểm tra tiếp thuộc dự án đích và phép thử vật liệu. Bài nhập môn vector hóa giải thích việc đồ có thể và không thể dựng lại gì trước khi giao.

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

Đường SVG đỏ hoặc đứt có tự động nghĩa là Score không? Đừng suy ra thao tác từ màu hay hình thức. Kiểm tra hình học nguồn và thao tác được gán tại nơi nhận. Cricut mô tả việc chọn thao tác cho lớp thiết kế riêng biệt.

Vì sao đường gấp và sọc có màu tô có thể trông giống nhau? Nét tô chiều rộng nhìn thấy quanh tuyến mở, còn dải có màu tô phủ phần trong biên kín. Chúng tôi tạo mẫu khớp cho pixel raster giống hệt dù cấu trúc đường khác nhau.

Đường tạo nếp nét đứt có luôn là các đường riêng không? Không. Đường liên tục có thể được tô nét đứt. Ví dụ đoạn riêng của chúng tôi thay vào đó lưu bảy đường mở độc lập. Kiểm tra đầu mút và đường con để phân biệt.

Attach có sửa hình học nếp gấp sai không? Coi hình học và vị trí là kiểm tra riêng. Cricut mô tả Attach để giữ vị trí và gắn các thao tác khác vào lớp Cut. Tài liệu đó không xác lập đối tượng nhập có đường tâm hoặc khe bạn dự định.

Nguồn tham khảo

  1. W3C: Đường dẫn SVG — Lệnh đường dẫn, đường con rời và hành vi closepath.
  2. W3C: Nét đứt SVG — Màu nét đứt khác với dữ liệu đường dẫn nền.
  3. Cricut: Selecting Operation — Gán thao tác cho lớp và kiểm tra tùy chọn có sẵn của máy đã chọn.
  4. Cricut: Cách dùng Attach — Vị trí tương đối và gắn Score hoặc lớp thao tác khác vào lớp Cut.

Cần khôi phục hình trang trí thiệp từ bitmap? Tạo phương án SVG hình Cricut, kiểm tra hình và giữ riêng với tuyến gấp trước khi kiểm tra thao tác, vị trí trong dự án cắt.

Thêm từ blog

PerfectVector

Chuẩn bị đường SVG gọn sạch cho
cắt và sản xuất

Không cần thẻ tín dụng