Mengekspor sepotong dalam Sketsa dengan latar belakang transparan


15

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?


1
dapatkah Anda menjelaskan apa yang Anda maksud dengan "suatu area"? Warna solid? Artboard? Sepotong? Atau apakah Anda hanya perlu file final menjadi 32x32 dengan ikon 24x24 di dalamnya?
spiral

Hai Ariel, selamat datang di GDSE dan terima kasih atas pertanyaan Anda. Tolong jelaskan apa masalah Anda, seperti yang diminta Spiral. Jika memungkinkan, silakan kirim contoh gambar. Terima kasih! Jika Anda ingin tahu lebih banyak tentang situs ini, silakan lihat pusat bantuan atau ping salah satu dari kami dalam obrolan setelah reputasi Anda mencukupi (20). Tetap berkontribusi dan nikmati situsnya!
Vincent

Jawaban:


13

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


7

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:

Jendela Inspektur

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.


Saya tidak memiliki opsi tesis ini, apakah akan ditinggalkan? Saya menggunakan Sketsa versi 56.2
Adriano Resende

1

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


Akan menyenangkan. Sayangnya Anda tidak akan memiliki ikon untuk resolusi layar yang lebih tinggi.
Julian F. Weinert

1

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.


1
Hai Sarthak, dapatkah Anda menjelaskan sedikit lebih banyak tentang apa yang akan kami temukan di balik tautan yang Anda berikan dan mengapa itu menjawab pertanyaan? Dengan begitu, jawaban Anda tetap bernilai jika tautan rusak di lain waktu. Busuk tautan adalah alasan utama kami sangat tidak menyukai jawaban hanya tautan di sini. Terima kasih atas usaha Anda dan terus berkontribusi!
Vincent

0

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

masukkan deskripsi gambar di sini


0

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!


0

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.

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.