Skizze3: Exportieren Sie eine Gruppe und behalten Sie die Größe des transparenten Hintergrunds bei

16

Ich habe eine Gruppe mit einem transparenten Rechteck als Hintergrund. Ich möchte die Gruppe exportieren und das exportierte PNG auf die gleiche Größe wie das Hintergrundrechteck bringen.

Aber sketch schneidet meine transparenten Pixel automatisch zu.

Dies ist die Ebenenhierarchie:

Bildbeschreibung hier eingeben

Das Rechteck 6 ist transparent und hat eine Größe von 50 * 50, der Stern 12 ist einfarbig und hat eine Größe von 32 * 32, ich möchte diese Gruppe als 50 * 50-PNG exportieren.

Ich verwende die Sketch-Version 3.2.2.

sketch-app transparency background CarmeloS
quelle

Antworten:

20

Habe 2 Antworten für dich ...

  1. Wählen Sie "Rechteck 6" und klicken Sie auf "Exportierbar machen". Klicken Sie nun auf "Separate Slice-Ebene erstellen" (das kleine Messer) und ziehen Sie das gezeigte Bild einfach auf Ihren Desktop, um es zu exportieren.

Antwort 1

  1. (Die bessere Antwort) Erstellen Sie eine Zeichenfläche, anstatt ein transparentes Rechteck zu verwenden. Drücke A und ziehe eine 50x50 Box. Fügen Sie Ihren Stern hinzu, wählen Sie die Zeichenfläche aus, klicken Sie auf Exportierbar machen und ziehen Sie das angezeigte Bild schließlich auf Ihren Desktop.

Antwort 2

M. Appelman
quelle
Zweitens ist nicht sehr klar. Wo ist Exportierbar machen?
Atilkan
Die Slice-Methode sollte funktionieren. Versuchen Sie, die Exportschaltfläche unten rechts zu verwenden, anstatt das Bild zu ziehen. Für die zweite Methode, denke ich, hat Huphtur falsch geschrieben, was Sie anklicken müssen, ist "Zeichenfläche 1 exportieren", was Sie in der rechten Ecke sehen können
Spirale
@atilkan hast du mal versucht die artboard zu exportieren? Es funktioniert, es behält die transparenten Pixel.
Sommer
@ JaneDoe1337 nicht einmal die Mühe machen, nach 1,1 Jahren zu antworten. Ich habe es irgendwie herausgefunden.
Atilkan
@atilkan Wenn Sie Ihre Frage nicht als beantwortet markieren, wird sie nach einer bestimmten Zeit aufgerufen, damit die Leute versuchen können, sie noch zu beantworten. Sie sind nicht der einzige, der von einer Antwort oder einem Kommentar profitieren kann.
Sommer
4

Alternative und einfache Lösung:

Ändern Sie de border Thichnkess in 0.01px oder etwas darunter, und beim Export wird der Umriss nicht gerendert.

Bildbeschreibung hier eingeben

Es klappt.

Bildbeschreibung hier eingeben

Toño Guerrero
quelle
1
Toño Guerrero | Die 0,01-Randdicken- Lösung hat bei mir gut funktioniert, da sie keine unerwünschten Zeichenflächen und Schnitte erzeugt.
Prabaharan CS
1
Funktioniert nicht perfekt für mich - 0,01 Rand erzeugt kaum sichtbare Konturen. Sie können es sehen, wenn Sie den Zauberstab in Photoshop verwenden.
Pavel Alexeev
1

Das ist vielleicht zu alt, aber es kann anderen helfen.

Laut der Antwort von @spjpgrd wird diese Option angezeigt, wenn Sie Ihre Ebene aus Zeichenflächen entfernen.

Hier ist, wie ich es gemacht habe

Amadeo Manouchehri
quelle
0

Die Zeichenflächenmethode ist der richtige Weg.

Wenn Sie dieses 50 x 50 transparente Rechteck bereits haben und die Gruppe auswählen und "A" drücken, um eine neue Zeichenfläche zu erstellen, ist die erste Option auf der rechten Seite "Rund um Auswahl". Super praktisch.

Bildbeschreibung hier eingeben

spjpgrd
quelle
Diese Option wird nicht angezeigt.
Atilkan
0

Mach Folgendes:

  1. Wählen Sie die zu exportierenden Ebenen aus
  2. Drücken Sie Layers->Flatten to Bitmap
  3. Ziehen Sie die Bitmap von der linken Liste auf den Desktop
Alexander
quelle
0

Gruppe 1starauswählen Create Symbol, dann Symbolsmit der rechten Maustaste darauf klicken, auswählen , dann zur Seite gehen , Zeichenfläche mit Ihrem neuen Symbol auswählen und Exporteinstellungen im rechten Fenster einrichten - dieser Workflow funktioniert als einfache Zeichenfläche für jede Gruppe, wird jedoch durch die Funktion zur Wiederverwendung von Symbolen unterstützt.

Sound Blaster
quelle
0

Für mich als Entwickler, der eine fertige Skizzendatei erhalten hat, besteht der schnellste Weg darin, ein Bild in Photoshop zu öffnen, zu "Bild → Leinwandgröße" zu wechseln, die Größe zu ändern und zu speichern.

Alexander Danilov
quelle
0

Ich habe mehr Zeit damit verbracht, als manuell nacheinander zu arbeiten, aber ich habe nicht aufgegeben und eine Lösung gefunden, die gut funktioniert:

  1. Kopieren Sie alle Symbole, die Sie exportieren möchten, in eine neue Datei
  2. Konvertieren Sie sie in Symbole
  3. Da sie zu Symbolen wurden, haben sie ihre eigenen Zeichenflächen (Sie müssen nur auf eines der Symbole doppelklicken, um zur Symbolseite zu gelangen).
  4. Vergewissern Sie sich auf der Symbolseite, dass alle Symbole ausgeblendet sind. Ansicht> Ebenenliste> Alle Gruppen ausblenden und wählen Sie sie alle aus. Cmd + A
  5. Jetzt können Sie weiter machen und alle exportieren
  6. Voila! Wenn Sie sie richtig benannt haben, haben Sie sie auch in ordentlichen kleinen Ordnern

hoffe das hat geholfen!

Jay
quelle