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


16

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:

insira a descrição da imagem aqui

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.

Respostas:


20

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.

resposta 1

  1. (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.

Resposta 2


Segundo não é muito claro. Onde é tornar exportável?
atilkan

O método de fatia deve funcionar, tente usar o botão de exportação no canto inferior direito em vez de arrastar a imagem. Para o segundo método, acho huphtur miswrote, o que você precisa clique é "exportar prancheta 1", que você pode ver no canto direito
espiral

@atilkan você já tentou exportar a prancheta? Funciona, mantém os pixels transparentes.
Verão

@ JaneDoe1337 nem se preocupa em responder depois de 1,1 ano. Eu descobri de alguma forma.
atilkan

@atilkan, se você não marcar sua pergunta como respondida, ela será exibida após um certo período para que as pessoas possam tentar responder ainda. Você não é o único que pode se beneficiar de uma resposta ou comentário.
Verão

4

Solução alternativa e simples:

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

insira a descrição da imagem aqui

Funciona.

insira a descrição da imagem aqui


1
Casa de Toño Guerrero | A solução com espessura de borda de 0,01 funcionou bem para mim, porque não criará pranchetas e fatias indesejadas.
Prabaharan CS

1
Não funciona perfeito para mim - a borda 0,01 produz contornos quase invisíveis. Você pode vê-lo ao usar o Magic Wand no Photoshop.
Pavel Alexeev

1

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.

Aqui está como eu fiz isso


0

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.

insira a descrição da imagem aqui


Essa opção não aparece.
atilkan

0

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

0

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.


0

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.


0

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!

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.