Automatisches Ersetzen von Smart Objects in Photoshop

Warum zu Photoshop springen, um das Layout zu erstellen? Wenn Sie die Grafik zunächst in Illustrator erstellen, bleiben Sie bei Illy. Es ist viel besser geeignet für die Aufgabe. Sie können Ihre Kunst als Links platzieren oder einfach Ihre Stile in einem Dokument verwalten (vorausgesetzt, Ihre Anwendung ist nicht zu groß).

Eine [schmerzhafte] Problemumgehung, um Photoshop dazu zu bringen, unnatürliche Dinge zu tun, sind Variablen . Sie würden dies nur tun, wenn Photoshop unbedingt erforderlich ist. Hier sind die Grundlagen von diesem Link:

Schritt 1: Variablen definieren

Erstellen Sie Ebenen mit den Variablennamen.

Variable Ebenen einrichten

Gehen Sie zu Bilder > Variablen > Definieren. Wählen Sie nun die Ebene mit dem Namen varHeader in der Dropdown-Liste aus, klicken Sie auf das Kontrollkästchen Pixelersatz und geben Sie der Variablen einen relevanten Namen. Ich verwende gerne die Methode „As Is“, damit die Größe der importierten Datei nicht geändert wird. Die importierte Datei wird relativ zu den Grenzen der Datei ausgerichtet, in der sie platziert wird. Bei einer Kopfzeile wähle ich gerne die obere linke Ecke des Rasters aus, damit meine Kopfzeilendatei immer korrekt ausgerichtet wird.

Variablen definieren

Klicken Sie auf die Schaltfläche Weiter.

Schritt 2: Datensätze erstellen

Datensätze sind einfach Gruppen von Daten, die in Tabellenform dargestellt werden. Um einen Datensatz zu erstellen, klicken Sie auf das kleine Festplattensymbol mit einem Pfeil, der darauf zeigt. Geben Sie dem Datensatz einen Namen, den jeder versteht. Stellen Sie sicher, dass im Feld „Variablen“ die Kopfzeile ausgewählt ist, und legen Sie den Wert fest, indem Sie die Datei auswählen, die Sie importieren möchten. Sie können dann den Variablennamen, den Dateinamen und den Layer sehen, mit dem sie unten verknüpft sind.

Datensatz erstellen

Klicken Sie auf Übernehmen und dann auf OK.

Das ist es! Ihre erste Variable ist mit einer externen Datei verknüpft. Replizieren Sie den Prozess, um zusätzliche Variablen mit den zugehörigen Dateien zu verknüpfen.

Schritt 3: Datensatz anwenden

Der springende Punkt dabei ist die Möglichkeit, Ihre Designs einfach zu aktualisieren, wenn Änderungen an den externen/importierten Dateien vorgenommen werden. Öffnen Sie einfach die Designdatei und gehen Sie zu Bild > Datensatz anwenden. Wählen Sie den zu aktualisierenden Datensatz aus und klicken Sie auf Übernehmen.

Da Sie vermutlich einen Haufen Entwickler zur Hand haben, können Sie vielleicht jemanden überreden, in das Photoshop-DOM einzusteigen und ein benutzerdefiniertes Javascript zu schreiben. Ich denke nicht, dass es zu komplex wäre, und es ist sicherlich nicht unmöglich.

Ein alternativer Ansatz, wenn ich Ihren Workflow richtig verstehe (eine einzelne Master-AI-Datei, die alle PSDs steuert), wäre das Einrichten einer Aktion, die den Inhalt des SO ersetzt (Ebene > Smart-Objekte > Inhalt ersetzen) und speichert Datei.

Anstatt Ihre Bearbeitung einfach wieder in der PSD zu speichern, was Sie in das Kopieren/Einfügen-Szenario zwingt, speichern Sie unter standard_filename.aiin Ihrem Hauptordner und lassen Sie die Aktion explizit auf diese Datei abzielen.

Wählen Sie alle PSDs aus und verwenden Sie dann das Batch-Skript in Bridge ( Tools > Photoshop > Batch...), um die Aktion auf allen auf einmal auszuführen.

Sie könnten einfach ein Smart-Objekt in Photoshop verwenden.

Zum Beispiel:

Richten Sie Ihre Illustrator-Datei mit allen Schaltflächen ein:

Öffnen Sie die Photoshop-Datei und wählen Sie einfach „Datei“ > „Platzieren“ und platzieren Sie die Illustrator-Datei (als Smart-Objekt):

Jetzt können Sie nicht benötigte Teile ausblenden und das Smart-Objekt beliebig oft duplizieren, neu positionieren und skalieren:

An diesem Punkt ist zum Aktualisieren eines der Smart-Objekt-Elemente lediglich ein Doppelklick auf das Ebenen-Miniaturbild und anschließendes Bearbeiten der (internen) Master-AI-Datei erforderlich. Sobald Sie in AI speichern und zu Photoshop zurückkehren, werden alle Smart-Objekt-Ebenen aktualisiert, aber Transformationen werden nicht zurückgesetzt. Dies ist sehr nützlich, um lediglich das Erscheinungsbild intelligenter Objektdaten zu ändern, ohne tatsächlich die Abmessungen der internen Daten zu ändern.

Wenn Sie eine Smart-Objekt-Ebene in Photoshop duplizieren, duplizieren Sie nicht die internen Smart-Objekt-Daten. Sie erstellen tatsächlich eine weitere Instanz derselben Daten . Wenn also die internen Daten aktualisiert werden, werden alle Instanzen ebenfalls aktualisiert.

Der knifflige Teil bei dieser Vorgehensweise ist die Maskierung. Wenn Sie viele Artikel haben, kann das Erstellen einer Maske für jeden Artikel etwas Zeit in Anspruch nehmen. Sobald die Masken jedoch einmal generiert sind, sind zukünftige Updates auf diese Weise viel schneller.