Mengekspor sepotong dalam Sketsa dengan latar belakang transparan

Menggunakan Sketch 3 ingin mengekspor ikon, ikon itu sendiri berukuran 24x24 tetapi berada di area seluas 32x32.

Saya sudah menemukan cara untuk melakukannya dengan menggabungkan dua lapisan yang berbeda satu 24x24 dan yang lainnya 32x32 tapi itu proses yang membosankan. Saya perlu melakukan ini untuk setiap ikon.

Apakah ada alur kerja yang lebih cepat?

Tekan Auntuk membuat Artboard , pilih ukuran (atau atur sendiri dengan mengklik +di kanan bawah) dan mulai mengekspor. Tidak perlu membuat lapisan tambahan.

Sebenarnya sangat mudah jika Anda tahu bagaimana melakukannya :)

Misalkan Anda memiliki ikon 24x24px dan Anda ingin png menjadi 32x32px. Anda harus membuat irisan di atas ikon. Irisan harus berukuran 32x32px. Kemudian kelompokkan potongan dan ikon menjadi satu. Last but not least: klik pada irisan dan di inspektur Anda akan melihat sesuatu seperti ini:

Pastikan Anda memeriksa "Ekspor Konten Grup Saja". Opsi lain harus tidak dicentang.

Dengan cara ini, Anda akan mengekspor png transparan, bahkan jika tidak ada latar belakang transparan di bawah ikon.

Jika Anda ingin mengekspor hanya layer ikon (24x24) cukup seret layer ke desktop.

Gunakan ini untuk mengekspor aset Anda. Masalah dengan Sketch sendiri dan sebagian besar plugin lainnya adalah ia mengabaikan lapisan yang tidak terlihat saat mengekspor. Akibatnya, batas tak terlihat tidak berfungsi.

Saya bahkan mencoba mengurangi opacity batas menjadi 0 jadi untuk mencoba menipu Sketch agar mengekspornya. Tetapi ekspor asli Sketch tidak begitu naif.

Anda mungkin melihat gerombolan plugin Sketch yang membantu dalam mengekspor aset untuk Android dengan mudah. Mereka mungkin mengurangi langkah-langkah yang terlibat, tetapi itu tidak menyelesaikan masalah batas.

Yang ini.

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

Ini memungkinkan Anda untuk mengekspor aset untuk iOS, Android dan Windows untuk semua resolusi sambil menjaga batasannya tetap utuh.

Menghemat semua upaya artboard itu.

Metode ini berfungsi untuk saya: Tempatkan layer irisan ukuran yang benar di atas layer ikon Anda dan pastikan mereka tidak dikelompokkan .

Semoga ini bisa membantu

Saya menghabiskan lebih banyak waktu daripada yang dibutuhkan secara manual untuk pergi satu per satu tapi saya tidak menyerah dan menemukan solusi yang bekerja dengan baik:

1. Salin semua ikon yang ingin Anda ekspor ke file baru
2. Konversikan menjadi simbol
3. Karena mereka menjadi simbol, mereka akan memiliki artboards sendiri (Anda hanya perlu mengklik dua kali salah satu simbol untuk sampai ke halaman simbol)
4. Ketika pada halaman simbol pastikan bahwa semua simbol diciutkan. Lihat> Daftar layer> Ciutkan semua grup dan pilih mereka semua cmd + A
5. Sekarang Anda dapat melanjutkan dan memilih membuat ekspor dan ekspor semuanya
6. Voila! Jika Anda menamai mereka dengan benar, Anda juga akan memilikinya di folder kecil yang rapi

semoga ini membantu!

Saya menemukan solusi yang tidak melibatkan pembuatan artboards terpisah. Agak aneh, tapi berhasil untuk saya. Saya ingin ikon dalam desain saya dapat diekspor di Zeplin. Jadi membuat artboards baru akan membuat lebih sulit bagi pengembang untuk menemukan ikon.

Jadi saya membuat latar belakang persegi opacity 1% dengan mode campuran "Menggelapkan". Anda tidak bisa melihatnya sama sekali. Kemudian saya mengelompokkannya dengan ikon dan membuat grup tersebut dapat diekspor. Sangat sederhana.