Sketch3: ekspor grup dan pertahankan ukuran latar belakang transparan

16

Saya memiliki grup dengan persegi panjang transparan sebagai latar belakang, saya ingin mengekspor grup, membuat png yang diekspor ukurannya sama dengan latar belakang persegi panjang.

tetapi sketsa secara otomatis memotong piksel transparan saya.

Ini adalah hierarki lapisan:

masukkan deskripsi gambar di sini

The Rectangle 6 transparan dan ukuran 50 * 50, bintang 12 berwarna solid dan memiliki ukuran 32 * 32, saya ingin mengekspor grup ini sebagai 50 * 50 png.

Saya menggunakan sketsa versi 3.2.2.

sketch-app transparency background CarmeloS
sumber

Jawaban:

20

Ada 2 jawaban untuk Anda ...

  1. Pilih Rectangle 6 dan klik make exportable, sekarang klik Create Separate Slice Layer (pisau kecil) dan cukup seret gambar yang ditampilkan ke desktop Anda untuk mengekspornya.

jawaban 1

  1. (Jawaban yang lebih baik) Alih-alih menggunakan persegi panjang transparan, buat Artboard. Tekan A dan seret kotak 50x50. Tambahkan bintang Anda, pilih Artboard dan klik Make Exportable dan akhirnya seret gambar yang ditampilkan ke desktop Anda.

Jawaban 2

M. Appelman
sumber
Kedua tidak terlalu jelas. Di mana membuat ekspor?
atilkan
Metode slice harus berfungsi, coba gunakan tombol ekspor di kanan bawah daripada menyeret gambar. Untuk metode kedua, saya pikir salah menulis, apa yang perlu Anda klik adalah "ekspor artboard 1" yang dapat Anda lihat di sudut kanan
spiral
@ atilkan apakah Anda bahkan sudah mencoba mengekspor artboard? Berhasil, itu menjaga piksel transparan.
Musim panas
@ JaneDoe1337 bahkan tidak repot-repot menjawab setelah 1,1 tahun. Saya menemukan entah bagaimana.
atilkan
@atilkan jika Anda tidak menandai pertanyaan Anda sebagai dijawab akan muncul setelah periode tertentu sehingga orang dapat mencoba dan menjawabnya tetap. Anda bukan satu-satunya yang mendapat manfaat dari jawaban atau komentar.
Musim panas
4

Solusi alternatif dan sederhana:

Ubah Thichnkess de border menjadi 0,01px atau sesuatu di bawah ini, dan ketika ekspor, garis besarnya tidak dirender.

masukkan deskripsi gambar di sini

Berhasil.

masukkan deskripsi gambar di sini

Toño Guerrero
sumber
1
Toño Guerrero's | 0,01 solusi ketebalan perbatasan bekerja dengan baik untuk saya, karena itu tidak akan membuat artboards dan irisan yang tidak diinginkan.
Prabaharan CS
1
Tidak berfungsi sempurna untuk saya - perbatasan 0,01 menghasilkan garis yang nyaris tidak terlihat. Anda dapat melihatnya saat menggunakan Magic Wand di Photoshop.
Pavel Alexeev
1

Ini mungkin terlalu tua tetapi dapat membantu orang lain ..

Menurut jawaban @spjpgrd, opsi ini akan muncul jika Anda mengeluarkan layer dari artboards apa pun.

Inilah cara saya melakukannya

Amadeo Manouchehri
sumber
0

Metode artboard adalah caranya.

Jika Anda sudah memiliki persegi panjang transparan 50x50, jika Anda memilih grup dan tekan "A" untuk membuat artboard baru, opsi pertama di sisi kanan adalah "Sekitar Seleksi." Sangat berguna.

masukkan deskripsi gambar di sini

spjpgrd
sumber
Opsi itu tidak muncul.
atilkan
0

Lakukan hal berikut:

  1. Pilih lapisan untuk diekspor
  2. Tekan Layers->Flatten to Bitmap
  3. Seret bitmap dari daftar kiri ke desktop
Alexander
sumber
0

Pilih grup 1star, lalu klik kanan padanya, pilih Create Symbol, lalu pergi ke Symbolshalaman, pilih artboard dengan simbol baru Anda dan setup pengaturan ekspor pada panel kanan - alur kerja ini berfungsi sebagai artboard sederhana untuk setiap grup, tetapi didukung oleh fitur penggunaan kembali Simbol.

Sound Blaster
sumber
0

Bagi saya sebagai pengembang yang menerima file sketsa siap, cara tercepat adalah membuka gambar di Photoshop, buka 'Gambar → Ukuran Kanvas', ubah ukurannya dan simpan.

Alexander Danilov
sumber
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!

Jay
sumber