Wie automatisiere ich den Export mehrerer PNGs mit unterschiedlichen Größen aus Photoshop?

18

Ich habe eine PSD-Datei mit einer Auflösung von 96 px × 96 px. Jetzt möchte ich dies als vier PNG-Dateien mit unterschiedlichen Auflösungen wie 36 px × 36 px, 48 px × 48 px, 72 px × 72 px und 96 px × 96 px speichern. Kann ich das irgendwie automatisieren, anstatt die Bildgröße viermal manuell anzupassen und als Option zu speichern?

Lenin Raj Rajasekaran
quelle
Bitte versuchen Sie es mit der Antwort von @NickBeus und geben Sie ihm das grüne Häkchen, wenn es bei Ihnen funktioniert. Diese Antwort hat mir sehr geholfen. Ich kann Ihnen nicht sagen, wie oft ich das Dialogfeld "Für das Web speichern" geöffnet habe, um die Ausgabegröße EINMAL ZU ändern. Im Fenster "Image Assets" können Sie alle benötigten Größen und Dateinamenssuffixe hinzufügen und einfach alle exportieren.
rgb_life

Antworten:

13

Keine vollständige Lösung, aber dies könnte jemandem helfen, der von Google hierher gekommen ist.

Wenn Sie mit Datei → Für Web speichern speichern , können Sie die Größe während des Speichervorgangs ändern. Die Optionen befinden sich rechts unter Bildgröße.

Ich mache das ziemlich oft, wenn ich ein paar verschiedene Größen für ein Bild benötige, obwohl, wie die anderen Antworten festgestellt haben, wenn Sie Symbole entwerfen, Vektoren verwenden, wird es Ihr Leben so viel einfacher machen.

Maxismus
quelle
3
Ich bin erstaunt. Ich hatte die Option zum
Ändern der
und Sie können auch verwenden Alt+Ctrl+Shift+S, um den Save for WebDialog in CS6 zu starten .
Muhammad Saqib
5

Mit Photoshop CC gibt es jetzt eine Funktion namens Photoshop Generator, mit der mehrere Bilder erstellt werden können

Sie können über Generator hier lesen .

Ein Ausschnitt:

Mit Generator können Sie Bild-Assets in Echtzeit erstellen, während Sie arbeiten. Auf diese Weise müssen Sie die einzelnen Ebenen nicht mehr mühsam kopieren, aufteilen und manuell exportieren, und Sie sparen Stunden an Zeit. Fügen Sie einfach eine Dateierweiterung zum Namen Ihrer Ebene oder Ebenengruppe hinzu, und Photoshop erstellt automatisch eine JPG-, PNG- oder GIF-Datei aus dem Inhalt dieser Ebene. Wenn Sie diese Ebene ändern, wird die Datei sofort aktualisiert. Dies bedeutet, dass Sie jetzt einen Ordner mit Bildern haben, der immer mit Ihrem Photoshop-Design auf dem neuesten Stand ist.

Scott
quelle
4

Wie oft müssen Sie das Symbol exportieren? Wenn es sich nur um das eine Symbol handelt, ist es wahrscheinlich die beste Option, alles mit Vektoren und Ebenenstilen zu zeichnen, die Größe des Dokuments zu ändern, erforderliche Anpassungen vorzunehmen und das PNG zu speichern (optional das PSD für den zukünftigen Export beizubehalten).

Wenn Sie den Vorgang mehrmals wiederholen müssen, empfiehlt es sich, alles als Sprite-Sheet mit Slices einzurichten.

Folgendes habe ich zu diesem Thema geschrieben (enthält viele Exporttechniken): Exportieren aus Photoshop .

Beim Entwerfen von Symbolen müssen Sie häufig die kleineren Größen einzeln manuell anpassen. Beachten Sie dies möglicherweise, wenn Sie alle Größen erstellen.

Marc Edwards
quelle
3

Wie Marc bereits erwähnt hat, ist es wahrscheinlich besser, Vektoren im Dokument zu skalieren und Sprite-Blätter zu verwenden.

Das einzige, was Sie vermeiden sollten, ist die Skalierung während Save for Web, wie Maxism vorschlägt. Ich habe einen Post geschrieben, in dem die Ergebnisse verschiedener Techniken verglichen wurden und Save for Web konsistent Assets mit Artefakten und Halbpixeln erstellte: Assets in Photoshop verkleinern und exportieren .

Ich habe auch ein Photoshop-Skript erstellt, das den Export dieser Assets automatisiert: EXPORT TO ANDROID PHOTOSHOP SCRIPT .

Hoffe das hilft.

Gaston
quelle
1

Es gibt keinen guten Weg, automatisch von 96 auf 36 zu kommen. Schon mit 48 wird Ihr Design auseinanderfallen.

Der einzige Vorteil wäre, wenn Sie eine Vielzahl von Symbolen auf diese Weise exportieren und vorhaben, diese wieder aufzuräumen. Sie können es als Aktion aufzeichnen oder jsx verwenden, wenn Sie dazu geneigt sind.

Für Ihr spezielles Design würde ich experimentieren, in Schritten zu arbeiten oder jede Version von der ursprünglichen 96px-Version zu exportieren. Normalerweise sind Schritte am besten, aber bei einigen Designs kann es zu progressiven Verzerrungen kommen.

Zivilkleidung
quelle
1

Erstellen Sie Ihre Symbole in mdpi und exportieren Sie sie mit dieser Photoshop-Aktion in ldpi, hdpi und xhdpi. Von mdpi bis xhdpi funktioniert es gut, aber ldpi und hdpi sehen etwas unscharf aus.

Link zum Artikel
Laden Sie die Photoshop-Aktion herunter

BenRoe
quelle
1

Es gibt eine neue Option in Photoschop CC 2014. Sie heißt "Assets generieren" und befindet sich unter "Datei". Sie können 0,25x, 0,5x, 2x, 3x auswählen und die Abmessungen selbst konfigurieren. Es exportiert Ihre Ebenen in ein beliebiges Dateiformat und in verschiedenen Dimensionen (wenn Sie möchten).

NickBeus
quelle
Diese Antwort ist SOOO gut. Zuerst müssen Sie zu "FILE> GENERATE" gehen und "Image Assets" überprüfen. Gehen Sie dann zu "DATEI> EXPORTIEREN> EXPORTIEREN ALS" und Sie erhalten das beste Menü, das ich je in Photoshop verwendet habe. Hier können Sie Größen hinzufügen und ihnen jeweils ein benutzerdefiniertes Suffix geben! Dies ist natürlich in Adobe Photoshop CC der Fall. Mein CS4 ist mit einem Mac OSX-Update abgestorben, daher habe ich keine Ahnung, welche Version ich außer der jetzt verwende.
rgb_life
1

Ich glaube, das ist genau das, was du willst.

https://github.com/austynmahoney/mobile-export-scripts-illustrator

Wenn Sie sind komfortabel jede Öffnung .psdin Illustratorausgeben kann , um mehrere Größen , die Sie leicht durch die Skalierungsfaktoren in der Tweaking - .jsxDatei.

Das Basisbild für Android ist xhdpi, für iOS ist es @ 2x. Das Skript wird von diesen Größen herauf und herunter skaliert.

Ovaryraptor
quelle
0

Ein nettes Mac-Programm namens "Ship it" macht genau das, was Sie verlangen: Exportieren Sie ein Bild in mehrere Größen / Formate. Ich habe es benutzt. Hier ist der Link im Mac App Store: https://itunes.apple.com/us/app/shipit!/id492043869

TechAndNews
quelle
Diese App ist nicht mehr im iTunes Store in Kanada und den USA erhältlich ... oder im AppStore ...
PatTheBeast
0

Ich habe in Adobe Land nichts einfaches gefunden, um dies für mich zu tun. Wenn Sie ImageMagick installiert haben oder bereit sind und mit der Befehlszeile vertraut sind, ist das convertCLI-Tool großartig .

Ich habe dieses Shell-Skript geschrieben, das Breiten akzeptiert und die Größe eines Bildes ändert, bis Sie die Eingabetaste ohne Zahl drücken:

#!/bin/sh

oot=${1%.*}
while read -p 'width: ' -r && [ "$REPLY" != '' ]; do
    convert "$1" -resize "$REPLY"x "$oot-$REPLY.png"
done

Ich habe mir einen Namen gegeben multi-resize.shund ihn eingefügt, ~/bin/damit er überall verfügbar ist.

Sie würden es dann in einer Shell wie folgt auf einem PNG der ursprünglichen Auflösung ausführen:

$ multi-resize.sh foo.png
width: 96
width: 72
width: 48
width: 36
width: 
$

Du wirst foo-72.pngusw. im selben Verzeichnis haben.

Walf
quelle