Sketch3: exporta un grupo y mantén el tamaño del fondo transparente


16

Tengo un grupo con un rectángulo transparente como fondo, me gustaría exportar el grupo, hacer que el png exportado sea del mismo tamaño que el rectángulo de fondo.

pero sketch recorta automáticamente mis píxeles transparentes.

Esta es la jerarquía de capas:

ingrese la descripción de la imagen aquí

El Rectángulo 6 es transparente y de tamaño 50 * 50, la estrella 12 es de color sólido y tiene un tamaño de 32 * 32, me gustaría exportar este grupo como un 50 * 50 png.

Estoy usando la versión de boceto 3.2.2.

Respuestas:


20

Tengo 2 respuestas para ti ...

  1. Seleccione Rectángulo 6 y haga clic en hacer exportable, ahora haga clic en Crear capa de rebanada separada (el cuchillo pequeño) y simplemente arrastre la imagen mostrada a su escritorio para exportarla.

respuesta 1

  1. (La mejor respuesta) En lugar de usar un rectángulo transparente, cree una mesa de trabajo. Presiona A y arrastra una caja de 50x50. Agregue su estrella, seleccione la mesa de trabajo y haga clic en Hacer exportable y finalmente arrastre la imagen mostrada a su escritorio.

Respuesta 2


El segundo no está muy claro. ¿Dónde está Make Exportable?
atilkan

El método de corte debería funcionar, intente usar el botón de exportación en la esquina inferior derecha en lugar de arrastrar la imagen. Para el segundo método, creo que si escribiste mal, lo que necesitas hacer clic es "exportar mesa de trabajo 1", que puedes ver en la esquina derecha
espiral

@atilkan, ¿has intentado exportar la mesa de trabajo? Funciona, mantiene los píxeles transparentes.
Verano

@ JaneDoe1337 ni siquiera se molesta en responder después de 1.1 años. Me di cuenta de alguna manera.
atilkan

@atilkan si no marca su pregunta como respondida, aparece después de un cierto período para que la gente pueda intentar responderla aún. No eres el único que puede beneficiarse de una respuesta o comentario.
Verano

4

Solución alternativa y simple:

Cambie Thichnkess de borde a 0.01px o algo por debajo, y cuando se exporta, el contorno no se representa.

ingrese la descripción de la imagen aquí

Funciona.

ingrese la descripción de la imagen aquí


1
De Toño Guerrero | La solución de grosor de borde 0.01 funcionó bien para mí, porque no creará mesas de trabajo y cortes no deseados.
Prabaharan CS

1
No funciona perfecto para mí: el borde 0.01 produce un contorno apenas visible. Puede verlo cuando usa Magic Wand en Photoshop.
Pavel Alexeev

1

Esto puede ser demasiado viejo pero puede ayudar a otros.

De acuerdo con la respuesta de @spjpgrd, esta opción aparecerá si saca su capa de cualquier mesa de trabajo.

Así es como lo hice


0

El método de mesa de trabajo es el camino a seguir.

Si ya tiene ese rectángulo transparente de 50x50, si selecciona el grupo y presiona "A" para crear una nueva mesa de trabajo, la primera opción en el lado derecho es "Alrededor de la selección". Super manejable.

ingrese la descripción de la imagen aquí


Esa opción no aparece.
atilkan

0

Haz lo siguiente:

  1. Seleccionar capas para exportar
  2. Presione Layers->Flatten to Bitmap
  3. Arrastre el mapa de bits de la lista izquierda al escritorio

0

Seleccione el grupo 1star, luego haga clic derecho sobre él, seleccione Create Symbol, luego vaya a la Symbolspágina, seleccione la mesa de trabajo con su nuevo símbolo y configure los ajustes de exportación en el panel derecho: este flujo de trabajo funciona como una mesa de trabajo simple para cada grupo, pero funciona con la función de reutilización de símbolos.


0

Para mí, como desarrollador que recibió un archivo de boceto listo, la forma más rápida es abrir la imagen en Photoshop, ir a 'Imagen → Tamaño del lienzo', cambiar el tamaño y guardarlo.


0

Pasé más tiempo del que hubiera tomado manualmente para ir uno por uno, pero no me di por vencido y encontré una solución que funciona bien:

  1. Copie todos los iconos que desee exportar a un nuevo archivo
  2. Conviértelos en símbolos
  3. Como se convirtieron en símbolos, tendrán sus propias mesas de trabajo (solo necesita hacer doble clic en uno de los símbolos para acceder a la página de símbolos)
  4. Cuando esté en la página de símbolos, asegúrese de que todos los símbolos estén contraídos Ver> Lista de capas> Contraer todos los grupos y seleccionarlos todos cmd + A
  5. Ahora puede continuar y seleccionar hacer exportable y exportarlos todos
  6. Voila! Si los nombró correctamente, también los tendrá en pequeñas carpetas ordenadas

Espero que esto haya ayudado!

Al usar nuestro sitio, usted reconoce que ha leído y comprende nuestra Política de Cookies y Política de Privacidad.
Licensed under cc by-sa 3.0 with attribution required.