Xuất một lát trong Phác thảo với nền trong suốt xung quanh

Sử dụng Phác thảo 3 muốn xuất một biểu tượng, bản thân các biểu tượng là 24x24 nhưng chúng nằm trong diện tích 32x32.

Tôi đã tìm ra cách để làm điều đó bằng cách kết hợp hai lớp khác nhau một 24x24 và 32x32 khác nhưng đó là một quá trình tẻ nhạt. Tôi cần phải làm điều này cho mỗi biểu tượng duy nhất.

Có một quy trình làm việc nhanh hơn?

Nhấn Ađể tạo Artboard , chọn kích thước (hoặc đặt riêng của bạn bằng cách nhấp vào +ở dưới cùng bên phải) và bắt đầu xuất. Không cần phải tạo thêm lớp.

Nó thực sự rất dễ dàng nếu bạn biết cách làm điều đó :)

Giả sử bạn có một biểu tượng là 24x24px và bạn muốn png là 32x32px. Bạn phải tạo một lát cắt trên biểu tượng. Các lát cắt phải là 32x32px. Sau đó nhóm các lát và biểu tượng lại với nhau. Cuối cùng nhưng không kém phần quan trọng: nhấp vào lát cắt và trong thanh tra bạn sẽ thấy một cái gì đó như thế này:

Đảm bảo bạn kiểm tra "Chỉ xuất nội dung nhóm". Các tùy chọn khác phải được bỏ chọn.

Bằng cách này, bạn sẽ xuất một png trong suốt, ngay cả khi không có nền trong suốt dưới biểu tượng.

Nếu bạn chỉ muốn xuất lớp biểu tượng (24x24), chỉ cần kéo lớp đó vào màn hình nền.

Sử dụng điều này để xuất tài sản của bạn. Vấn đề với bản thân Sketch và hầu hết các plugin khác là nó bỏ qua các lớp vô hình trong khi xuất. Kết quả là, giới hạn vô hình không hoạt động.

Tôi thậm chí đã cố gắng giảm độ mờ của giới hạn xuống 0 để cố gắng lừa Phác thảo để xuất nó. Nhưng xuất khẩu bản địa của Sketch không quá ngây thơ.

Bạn có thể thấy một loạt các plugin của Phác thảo giúp xuất tài sản cho Android một cách dễ dàng. Họ có thể giảm các bước liên quan, nhưng nó không giải quyết được vấn đề giới hạn.

Cái này nào.

https://github.com/GeertWille/sketch-export-assets

Nó cho phép bạn xuất tài sản cho iOS, Android và Windows cho tất cả các độ phân giải trong khi vẫn giữ nguyên các giới hạn.

Lưu tất cả những nỗ lực artboard.

Phương pháp này hiệu quả với tôi: Đặt lớp lát kích thước chính xác lên trên lớp biểu tượng của bạn được bật và đảm bảo chúng không được nhóm .

Hy vọng nó giúp

Tôi đã dành nhiều thời gian hơn so với việc đi từng bước một nhưng tôi đã không từ bỏ và tìm thấy một giải pháp hoạt động tốt:

1. Sao chép tất cả các biểu tượng bạn muốn xuất sang một tệp mới
2. Chuyển đổi chúng thành biểu tượng
3. Vì chúng trở thành biểu tượng nên chúng sẽ có các bản vẽ nghệ thuật riêng (bạn chỉ cần nhấp đúp vào một trong các biểu tượng để đến trang biểu tượng)
4. Khi trên trang biểu tượng, đảm bảo rằng tất cả các biểu tượng được thu gọn Xem> Danh sách lớp> Thu gọn tất cả các nhóm và chọn tất cả các cmd + A
5. Bây giờ bạn có thể tiếp tục và chọn thực hiện xuất khẩu kết thúc tất cả
6. Voila! Nếu bạn đặt tên cho chúng đúng cách, bạn cũng sẽ có chúng trong các thư mục nhỏ gọn

Hy vọng điều này sẽ giúp!

Tôi đã đưa ra một cách giải quyết không liên quan đến việc tạo ra các bản vẽ nghệ thuật riêng biệt. Đó là một chút hack, nhưng nó làm việc cho tôi. Tôi muốn các biểu tượng trong thiết kế của mình có thể xuất được trong Zeplin. Vì vậy, việc tạo ra các bản vẽ mới sẽ khiến các nhà phát triển gặp khó khăn hơn trong việc tìm kiếm các biểu tượng.

Vì vậy, tôi đã tạo độ mờ cho hình vuông 1% với chế độ hòa trộn "Darken". Bạn không thể nhìn thấy nó cả. Sau đó, tôi nhóm nó với biểu tượng và làm cho nhóm có thể xuất được. Siêu đơn giản.