SVG hộp tranh nổi: thiết kế lớp giấy liền nhau

Để tạo SVG nhiều lớp cho hộp tranh nổi, hãy thiết kế mỗi lớp chiều sâu thành một tấm liền: khung, hình thuộc độ sâu đó và đủ hình học nối để giữ phần giấy mong muốn với nhau. Cho mọi tấm cùng kích thước ngoài, hợp các hình vật liệu chồng lấn, rồi kiểm tra những gì tấm phía trước che khuất.

Hướng dẫn này dùng cảnh núi ba tấm để minh họa thiết kế SVG và chuẩn bị tệp. Chúng tôi kiểm tra các đường bao đã lưu và kết xuất trong trình duyệt. Chúng tôi không nhập những tệp này vào Cricut Design Space hoặc cắt giấy, nên độ bền cầu nối, cài đặt vật liệu và lắp ghép vật lý vẫn cần thử nghiệm.

Quyết định mỗi tấm giấy chứa gì

Lớp chiều sâu là một tấm được đặt trước hoặc sau tấm khác. Màu có thể giúp nhận diện trên màn hình, nhưng nhiệm vụ của tấm đến từ vị trí và hình dạng. Tách PNG theo màu không xác định những mối quan hệ đó. Với vinyl hoặc xếp màu phẳng, dùng hướng dẫn SVG nhiều lớp cho Cricut riêng.

Vật liệu dương là phần giấy bạn định giữ. Vùng cắt bỏ là khoảng trống bạn loại đi. Cầu nối là dải vật liệu dương nối chi tiết với phần còn lại của tấm. Đảo rời là vật liệu giữ lại nhưng không nối với tấm đó.

Trong ví dụ bên dưới, tấm sau chứa núi và mặt trăng. Tấm giữa chứa cây và mặt đất. Tấm trước thêm một gò đất thấp. Mỗi tấm có khung ngoài, và mọi chi tiết giữ lại đều nối với khung.

Ví dụ thiết kế SVG đã lưu

Tạo ba lớp có chung giới hạn ngoài

Bạn cần trình chỉnh sửa vector có phép trừ và hợp hình, họa tiết đơn giản và số đo khung dự kiến. Giữ bản gốc chỉnh được trước khi hợp hình. Nếu đã có thiết kế vector dùng được, bắt đầu từ đó. Nếu họa tiết chỉ có PNG hoặc JPG, khôi phục đường dẫn trước, rồi thiết kế phần nối giấy riêng.

1. Tạo một khung rồi nhân bản

Đo không gian dành cho các tấm bên trong khung. Tính phần chỗ tấm lưng và các miếng đệm dự kiến chiếm trước khi chọn kích thước dự án cuối.

Tệp của chúng tôi dùng hình vuông ngoài 200 × 200 mm với dải khung 12 mm. Khoảng trống chạy từ x = 12 đến 188 mm và y = 12 đến 188 mm. Đây là kích thước ví dụ, không phải cỡ vừa khuyến nghị cho mọi khung.

Vẽ hình vuông ngoài và hình vuông nhỏ hơn ở giữa. Trừ hình nhỏ để tạo khoảng trống, rồi nhân bản khung đó cho ba tấm. Inkscape mô tả Difference là phép trừ và Union là giữ đường bao chung của các đường dẫn được chọn. Thứ tự xếp quan trọng với Difference: hình dùng để trừ nằm trên hình giữ lại. Phép toán Boolean Inkscape

Dùng cùng gốc trang và hình vuông ngoài trên mỗi lớp. Đừng cắt khung mỗi bản xuất theo họa tiết riêng. Mọi tệp ví dụ khai báo width="200mm", height="200mm" và viewBox="0 0 200 200"; hình học đã lưu có cùng giới hạn 200 mm. viewBox của SVG xác định hình chữ nhật tọa độ ánh xạ vào vùng hiển thị. Xác nhận lại kích thước vật lý trong ứng dụng đích. Hệ tọa độ SVG W3C

2. Nối cảnh phía sau với khung

Đặt hình bóng núi sao cho chân núi chồng lên dải khung dưới. Thêm mặt trăng bên trên. Mặt trăng đứng riêng trong khoảng trống là mảnh giấy giữ lại riêng, nên cần kết nối có chủ đích nếu muốn tấm sau vẫn là một mảnh.

Trong ví dụ, tâm mặt trăng ở x = 145, y = 46 mm, bán kính danh nghĩa 14 mm. Hình chữ nhật dọc từ x = 143 đến 147 mm nối nó với khung trên. Hình chữ nhật đó chồng lên cả trăng và khung trước phép hợp.

Hợp khung, núi, trăng và cầu nối bằng Union. Kiểm tra đường bao kết quả. Ranh giới chồng lấn giữa các đối tượng gốc cần biến mất; chúng không được còn là đường cắt trong thừa.

Cầu nối ví dụ rộng 4 mm. Con số đó mô tả tệp chúng tôi kiểm tra. Nó không xác định chiều rộng tối thiểu cho giấy, nhịp cầu, máy hoặc kích thước thành phẩm của bạn. Làm thử mẫu nhỏ với vật liệu và hình học bạn định dùng.

3. Nối chủ thể giữa qua chân của nó

Giữ tán cây, thân cây và mặt đất liền nhau. Trong ví dụ, thân rộng 8 mm, từ x = 56 đến 64 mm. Thân chồng lên tán và đất, còn đất chồng lên dải khung dưới. Hợp những hình đó thành tấm giữa.

Mắt, ngôi sao hoặc lòng chữ có thể làm thay đổi vùng nào còn nối. Xem xét những chi tiết đó như vật liệu dương hoặc vùng cắt bỏ trước khi đơn giản hóa. Nếu một khoảng trống bất ngờ bị tô sau xuất, làm theo chẩn đoán lỗ SVG và fill-rule.

4. Giữ tiền cảnh đủ thấp để lộ chủ thể

Thêm gò đất thấp vào khung thứ ba và hợp với dải dưới. Căn ba tấm, đặt núi sau cây và gò đất trước cây.

Che khuất nghĩa là một hình giấu hình khác theo hướng nhìn. Trong bản xếp phẳng, cây che một phần núi và gò đất che chân cây. Mặt trăng vẫn thấy được. Nếu gò đất che tán cây hoặc chi tiết trọng tâm mong muốn khác, hạ gò hoặc di chuyển chủ thể trước khi xuất.

Bản xếp trên màn hình giúp kiểm tra quan hệ hình nhìn thấy. Độ dày miếng đệm, góc nhìn, ánh sáng và chiều sâu bên trong khung cần mô hình vật lý.

Kiểm tra kết nối vật liệu trong SVG đã lưu

Một phần tử đường dẫn có thể chứa nhiều hình không nối nhau. Đếm đường dẫn không phải kiểm tra tính liền nhau. Đường dẫn phức hợp chứa nhiều đường bao trong một đối tượng đường dẫn; quy tắc tô xác định vùng kín nào được tô. Đặc tả SVG định nghĩa các quy tắc này, gồm evenodd dùng trong tệp của chúng tôi. Màu tô và quy tắc tô SVG W3C

Chúng tôi tạo các tấm ví dụ bằng cách hợp vùng dương, xuất đường bao kín và dựng lại vùng được tô từ dữ liệu SVG đã lưu. Cách này kiểm tra hình học xuất thực tế thay vì một chồng hình màu đè nhau.

Cả bốn tệp chứa một phần tử đường dẫn. Mỗi tấm liền có hai đường bao kín: ranh giới ngoài và ranh giới khoảng trống. Bản trăng rời có đường bao thứ ba cho trăng riêng. Vì vậy tên lớp, nhóm hoặc số đường dẫn riêng lẻ không cho biết tờ giấy mong muốn có liền nhau hay không.

Với bản xuất của bạn:

1. Mở lại SVG đã lưu và xem riêng từng tấm với màu tô đơn giản.
2. Lần theo lộ trình liên tục trong vật liệu giữ lại từ từng chi tiết đến khung. Phóng chỗ các hình gần chạm nhau; tiếp xúc tại một điểm không tạo dải giấy có chiều rộng đo được.
3. Kiểm tra đường bao quanh các đối tượng đã nối. Hợp các đường giáp chồng lấn có thể chia cắt vật liệu cần giữ.
4. Kiểm tra khoảng trống dưới dạng hình học. Hình trắng tô trên hình khác có thể trông như lỗ nhưng không loại đường bao bên dưới.
5. Lắp lại bản xem phẳng từ các lớp đã lưu, dùng chung gốc và kích thước.

Nếu chi tiết vẫn cô lập, thêm và hợp cầu nối, chuyển chi tiết lên vật liệu liền, biến thành vùng cắt bỏ hoặc lên kế hoạch gắn riêng. Ghi rõ lựa chọn đó trong kế hoạch lắp ghép.

PerfectVector phù hợp ở đâu khi họa tiết là ảnh raster

PerfectVector có thể khôi phục đường dẫn SVG chỉnh được từ thiết kế PNG hoặc JPG phù hợp. Quy trình SVG cho Cricut hỗ trợ xem trước hình và tinh chỉnh màu trước khi chuẩn bị tệp đích. Dùng bước đó cho họa tiết raster cần tái sử dụng; dựng khung, cầu nối và thứ tự chiều sâu vẫn là công việc thiết kế riêng.

Bắt đầu với hình bóng rõ hoặc minh họa phẳng đơn giản. Kiểm tra đường bao khôi phục để tìm mảnh thừa và lỗ thiếu trước khi đặt vào tấm. Hướng dẫn chuyển tranh nét thành SVG giải thích khác biệt giữa kết quả đồ lại dạng đường bao và nét bạn vẽ ban đầu.

Ảnh chụp nhiều chi tiết cần quyết định đối tượng ở độ sâu nào và hình nào trở thành giấy. Đơn giản hóa hoặc vẽ lại chúng trước khi lập kế hoạch tấm. Tách màu tự động không cung cấp kế hoạch lắp ghép đó.

Kiểm tra tệp đích rồi thử vật liệu

Kiểm tra thiết kế SVG hoàn tất khi giới hạn ngoài khớp, các vùng giữ lại nối nhau, đường giáp chồng lấn được bỏ và bản xếp đã lưu làm lộ đúng chi tiết. Giữ danh sách lớp đánh số cùng tệp gốc để rõ thứ tự lắp.

Trước khi làm dự án hoàn chỉnh, kiểm tra trong ứng dụng cắt và khung thực tế:

• Kích thước tấm nhập khớp cỡ dự kiến.
• Bản xem trước giữ khoảng trống và không có đường cắt trong ngoài ý muốn.
• Mỗi tấm có thao tác cắt và vật liệu được gán đúng ý định.
• Mẫu nhỏ của cầu dài nhất chịu được cắt, gỡ khỏi thảm và thao tác cầm nắm.
• Miếng đệm đã chọn vừa trên vật liệu giữ lại và không lộ qua khoảng trống.
• Chồng đã lắp vừa khung khi có tấm lưng.

Nếu bản nhập đổi khoảng trống hoặc đường bao, quay về hình học đã lưu và sửa chính đường bao đó. Nếu cầu rách hoặc cong, sửa chiều rộng, chiều dài, điểm nối hoặc vật liệu rồi thử lại. Chỉ kết xuất trình duyệt không giải quyết được các câu hỏi vật lý này. Hướng dẫn chuẩn bị SVG Cricut tổng quát trình bày kiểm tra tệp rộng hơn.

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

Có thể tự động biến ảnh thành SVG hộp tranh nổi không?

Vector hóa khôi phục hình từ ảnh, nhưng bạn vẫn cần chọn lớp chiều sâu, phần nối khung, vùng cắt bỏ và thứ tự lắp. Hình bóng đơn giản là điểm bắt đầu hữu ích. Ảnh phức tạp có thể cần đơn giản hóa hoặc vẽ lại thủ công.

Mỗi tấm hộp tranh nổi có cần là một đường dẫn SVG không?

Một đường dẫn có thể chứa các đảo dương không nối nhau. Kiểm tra vùng giữ lại và đường bao thực tế thay vì dựa vào số đường dẫn. Trong ví dụ, cả tấm sau liền và đối chứng trăng rời đều chứa một phần tử đường dẫn.

Cầu nối nên rộng bao nhiêu?

Chọn và thử theo vật liệu, nhịp cầu, kích thước cuối và quy trình cắt. Cầu mặt trăng minh họa rộng 4 mm, nhưng chúng tôi chưa cắt hoặc thử độ bền. Đây là kích thước ví dụ, không phải tối thiểu chung.

Lớp hộp tranh nổi có giống lớp màu Cricut không?

Lớp hộp tranh nổi là tấm trong bố trí chiều sâu. Lớp màu tách thiết kế theo màu hoặc vật liệu. Tấm chiều sâu có thể gồm nhiều họa tiết nối với một khung; chỉ tách chúng theo màu không thiết kế được các kết nối.

Nguồn

1. Inkscape — Phép toán Boolean — Mô tả Union, Difference, Combine và vai trò của thứ tự xếp.
2. W3C — Hệ tọa độ, phép biến đổi và đơn vị SVG — Định nghĩa hình chữ nhật tọa độ ánh xạ qua viewBox.
3. W3C — Tô vẽ SVG — Định nghĩa màu tô, đường con và quy tắc evenodd dùng trong ví dụ.
4. PerfectVector — SVG cho Cricut — Mô tả khôi phục thiết kế raster, kiểm tra hình và các kiểm tra trước cắt.

---

Nếu họa tiết bắt đầu bằng PNG hoặc JPG, chuẩn bị đường dẫn SVG bằng PerfectVector, rồi kiểm tra đường bao và khoảng trống. Tạo phần nối khung và lớp chiều sâu trong trình chỉnh sửa, mở lại các tấm đã lưu và thử mẫu vật liệu nhỏ trước khi làm hộp tranh nổi hoàn chỉnh.