Sketch3: exporte um grupo e mantenha o tamanho do plano de fundo transparente

Eu tenho um grupo com um retângulo transparente como plano de fundo, gostaria de exportar o grupo, tornar o png exportado do mesmo tamanho que o retângulo de fundo.

mas o esboço apara automaticamente meus pixels transparentes.

Esta é a hierarquia de camadas:

O retângulo 6 é transparente e de tamanho 50 * 50, a estrela 12 é de cor sólida e tem um tamanho de 32 * 32, gostaria de exportar esse grupo como um png de 50 * 50.

Estou usando a versão de esboço 3.2.2.

Tenho 2 respostas para você ...

1. Selecione o retângulo 6 e clique em tornar exportável, agora clique em Criar camada de fatia separada (a pequena faca) e simplesmente arraste a imagem mostrada para a área de trabalho para exportá-la.

2. (A melhor resposta) Em vez de usar um retângulo transparente, crie uma prancheta. Pressione A e arraste uma caixa de 50x50. Adicione sua estrela, selecione a Prancheta, clique em Tornar exportável e, finalmente, arraste a imagem mostrada para a área de trabalho.

Solução alternativa e simples:

Altere Thichnkess de borda para 0,01px ou algo abaixo e, quando exporta, o contorno não é renderizado.

Funciona.

Isso pode ser muito antigo, mas pode ajudar outras pessoas.

De acordo com a resposta de @spjpgrd, essa opção aparecerá se você colocar a camada fora de qualquer prancheta.

O método da prancheta é o caminho a percorrer.

Se você já possui esse retângulo transparente de 50 x 50, se selecionar o grupo e pressionar "A" para criar uma nova prancheta, a primeira opção no lado direito é "Em torno da seleção". Super acessível.

Faça o seguinte:

1. Selecionar camadas para exportar
2. Pressione Layers->Flatten to Bitmap
3. Arraste o bitmap da lista esquerda para a área de trabalho

Selecione o grupo 1star, clique com o botão direito do mouse, selecione Create Symbol, vá para a Symbolspágina, selecione a prancheta com seu novo símbolo e defina as configurações de exportação no painel direito - esse fluxo de trabalho funciona como uma prancheta simples para todos os grupos, mas é alimentado pelo recurso de reutilização de símbolos.

Para mim, como desenvolvedor que recebeu um arquivo de rascunho pronto, a maneira mais rápida é abrir uma imagem no Photoshop, vá para 'Imagem → Tamanho da tela', altere o tamanho e salve-o.

Passei mais tempo do que seria necessário manualmente, um por um, mas não desisti e encontrei uma solução que funcionava bem:

1. Copie todos os ícones que você deseja exportar para um novo arquivo
2. Converta-os em símbolos
3. Desde que se tornaram símbolos, eles terão suas próprias pranchetas (basta clicar duas vezes em um dos símbolos para acessar a página de símbolos)
4. Quando na página de símbolos, verifique se todos os símbolos estão recolhidos Exibir> lista Camada> Recolher todos os grupos e selecione todos os cmd + A
5. Agora você pode continuar e selecionar exportar e exportar todos eles
6. Voila! Se você os nomeou corretamente, também os terá em pequenas pastas organizadas

espero que isso tenha ajudado!