Sketch3: esporta un gruppo e mantieni le dimensioni dello sfondo trasparente


16

Ho un gruppo con un rettangolo trasparente come sfondo, vorrei esportare il gruppo, rendere il png esportato della stessa dimensione del rettangolo di sfondo.

ma lo schizzo ritaglia automaticamente i miei pixel trasparenti.

Questa è la gerarchia dei livelli:

inserisci qui la descrizione dell'immagine

Il rettangolo 6 è trasparente e di dimensioni 50 * 50, la stella 12 è in tinta unita e ha una dimensione di 32 * 32, mi piacerebbe esportare questo gruppo come 50 * 50 png.

Sto usando la versione di schizzo 3.2.2.

Risposte:


20

Hai 2 risposte per te ...

  1. Seleziona Rettangolo 6 e fai clic su Rendi esportabile, ora fai clic su Crea livello di fetta separato (il coltellino) e trascina semplicemente l'immagine mostrata sul desktop per esportarla.

risposta 1

  1. (La risposta migliore) Invece di usare un rettangolo trasparente, crea una tavola da disegno. Premi A e trascina una casella 50x50. Aggiungi la tua stella, seleziona la tavola da disegno e fai clic su Rendi esportabile e infine trascina l'immagine visualizzata sul desktop.

Risposta 2


Il secondo non è molto chiaro. Dove è Rendi esportabile?
Atilkan,

Il metodo slice dovrebbe funzionare, prova a utilizzare il pulsante di esportazione in basso a destra invece di trascinare l'immagine. Per il secondo metodo, penso che huphtur abbia sbagliato a scrivere, quello che devi fare clic è "esporta tavola da disegno 1" che puoi vedere nell'angolo a destra
spirale

@atilkan hai mai provato a esportare la tavola da disegno? Funziona, mantiene i pixel trasparenti.
Estate

@ JaneDoe1337 non si preoccupano nemmeno di rispondere dopo 1,1 anni. L'ho capito in qualche modo.
Atilkan,

@atilkan se non contrassegni la tua domanda come risposta, viene sollevata dopo un certo periodo in modo che le persone possano provare a rispondere ancora. Non sei l'unico che può beneficiare di una risposta o di un commento.
Estate

4

Soluzione alternativa e semplice:

Cambia de border Thichnkess a 0,01px o qualcosa di seguito e, quando esporta, il contorno non viene renderizzato.

inserisci qui la descrizione dell'immagine

Funziona.

inserisci qui la descrizione dell'immagine


1
Toño Guerrero | La soluzione con spessore del bordo 0,01 ha funzionato bene per me, perché non creerà tavole da disegno e sezioni indesiderate.
Prabaharan CS,

1
Per me non funziona perfettamente - il bordo 0,01 produce contorni appena visibili. Puoi vederlo quando usi la bacchetta magica in Photoshop.
Pavel Alexeev,

1

Questo potrebbe essere troppo vecchio ma può aiutare gli altri ..

Secondo la risposta di @spjpgrd, questa opzione apparirà se togli il tuo livello da qualsiasi tavola da disegno.

Ecco come l'ho fatto


0

Il metodo della tavola da disegno è la strada da percorrere.

Se hai già quel rettangolo trasparente 50x50, se selezioni il gruppo e premi "A" per creare una nuova tavola da disegno, la prima opzione sul lato destro è "Intorno alla selezione". Super utile.

inserisci qui la descrizione dell'immagine


Quell'opzione non appare.
Atilkan,

0

Fare quanto segue:

  1. Seleziona i livelli da esportare
  2. Premere Layers->Flatten to Bitmap
  3. Trascina bitmap dall'elenco a sinistra sul desktop

0

Seleziona il gruppo 1star, quindi fai clic con il pulsante destro del mouse, seleziona Create Symbol, quindi vai alla Symbolspagina, seleziona la tavola da disegno con il tuo nuovo simbolo e configura le impostazioni di esportazione sul pannello di destra: questo flusso di lavoro funziona come semplice tavola da disegno per ogni gruppo, ma è alimentato dalla funzione di riutilizzo dei simboli.


0

Per me come sviluppatore che ha ricevuto il file di schizzo pronto, il modo più veloce è aprire l'immagine in Photoshop, andare su "Immagine → Dimensione tela", cambiare la dimensione e salvarla.


0

Ho trascorso più tempo di quanto ci sarebbe voluto manualmente per andare uno per uno, ma non mi sono arreso e ho trovato una soluzione che funziona bene:

  1. Copia tutte le icone che desideri esportare in un nuovo file
  2. Converti in simboli
  3. Da quando sono diventati simboli avranno le loro tavole da disegno (devi solo fare doppio clic su uno dei simboli per accedere alla pagina dei simboli)
  4. Quando sei nella pagina dei simboli, assicurati che tutti i simboli siano compressi Visualizza> Elenco livelli> Comprimi tutti i gruppi e selezionali tutti cmd + A
  5. Ora puoi andare avanti e selezionare rendere esportabile fine esportarli tutti
  6. Ecco! Se li hai nominati correttamente, li avrai anche in piccole cartelle ordinate

spero che questo abbia aiutato!

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.