Saydam arka plan ile Sketch'te bir dilim dışa aktarma

Sketch 3'ü kullanarak bir simgeyi dışa aktarmak istersiniz, simgelerin kendileri 24x24'tür, ancak 32x32'lik bir alana otururlar.

Biri 24x24 ve diğeri 32x32 olmak üzere iki farklı katmanı bir araya getirerek nasıl yapacağımı anladım ama sıkıcı bir süreç. Bunu her ikon için yapmam gerek.

Daha hızlı bir iş akışı var mı?

ABir Çalışma Yüzeyi oluşturmak için vurun , boyutu seçin (veya +sağ altta tıklayarak kendinizinkini ayarlayın ) ve dışa aktarmaya başlayın. Ek katman oluşturmaya gerek yok.

Bunu nasıl yapacağınızı biliyorsanız aslında çok kolay :)

24x24px boyutunda bir simgeniz olduğunu ve png'nin 32x32px olmasını istediğinizi varsayalım. Simgenin üzerinde bir dilim oluşturmanız gerekir. Dilim 32x32 piksel olmalıdır. Ardından dilimi ve simgeyi birlikte gruplandırın. Son fakat en az değil: dilime tıklayın ve müfettişte böyle bir şey göreceksiniz:

"Yalnızca Grup İçeriğini Dışa Aktar" seçeneğini işaretlediğinizden emin olun. Diğer seçeneklerin işareti kaldırılmalıdır.

Bu şekilde, simgenin altında saydam bir arka plan olmasa bile saydam bir png dışa aktaracaksınız.

Yalnızca simge katmanını (24x24) dışa aktarmak istiyorsanız katmanı masaüstüne sürüklemeniz yeterlidir.

Varlıklarınızı dışa aktarmak için bunu kullanın. Sketch'in kendisi ve diğer birçok eklenti ile ilgili sorun, dışa aktarırken görünmez katmanları ihmal etmesidir. Sonuç olarak, görünmez sınırlar işe yaramaz.

Hatta Sketch'in dışa aktarılmasını sağlamak için bir sınırın opaklığını 0'a düşürmeye çalıştım. Ancak Sketch'in yerel ihracatı çok naif değil.

Android için varlıkları kolayca dışa aktarmaya yardımcı olan bir dizi Sketch eklentisi görebilirsiniz. İlgili adımları azaltabilirler, ancak sınır sorununu çözmez.

Bunu yapar.

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

Sınırları sağlam tutarken iOS, Android ve Windows için varlıkları tüm çözünürlükler için dışa aktarmanıza olanak tanır.

Çalışma yüzeyinin tüm çabalarını kaydeder.

Benim için çalıştı bu yöntem: Yeri Doğru boyut dilim katman üstünde senin simgesi olduğunu ve katmanın emin olun onlar vardır gruplandırılmış değil .

Umarım yardımcı olur

Elle tek tek gitmek için daha fazla zaman geçirdim ama pes etmedi ve iyi çalışan bir çözüm buldum:

1. Dışa aktarmak istediğiniz tüm simgeleri yeni bir dosyaya kopyalayın
2. Onları sembollere dönüştür
3. Sembol olduklarından kendi çalışma yüzeylerine sahip olacaklar (semboller sayfasına gitmek için sembollerden birine çift tıklamanız yeterli)
4. Semboller sayfasındayken tüm sembollerin daraltıldığından emin olun Görünüm> Katman listesi> Tüm grupları daraltın ve hepsini seçin cmd + A
5. Şimdi devam edebilir ve hepsini dışa aktarmayı seçebilirsiniz
6. İşte bu kadar! Onları düzgün adlandırdıysanız, onları düzgün küçük klasörlerde de bulacaksınız

Umarım bu yardımcı olmuştur!

Ayrı çalışma yüzeyleri oluşturmayı içermeyen bir çözüm buldum. Biraz hileli, ama benim için çalıştı. Tasarımımdaki simgelerin Zeplin'de dışa aktarılabilmesini istedim. Böylece yeni çalışma yüzeyleri yapmak, geliştiricilerin simgeleri bulmasını zorlaştıracaktır.

Bu yüzden "Karart" karışım modu ile kare arka planı% 1 opaklık yaptım. Hiç göremiyorsun. Sonra bunu simgeyle gruplandırdım ve grubu dışa aktarılabilir hale getirdim. Çok basit.