Photoshop ist ein wunderbares Werkzeug zum Bearbeiten von Bildern - und es ist kein Geheimnis, dass wir hier große Fans sind. Wir haben bereits behandelt, wie man ein einfaches Logo gestaltet. Wie man ein einfaches Logo in Photoshop gestaltet Wie man ein einfaches Logo in Photoshop erstellt Photoshop kann viel mehr als nur Fotos bearbeiten - es ist mehr als nur in der Lage, einfach zu entwerfen. Hier zeigen wir Ihnen, wie Sie ein einfaches geometrisches Logo erstellen. Lesen Sie mehr und erfahren Sie, wie Sie überbelichtete Fotos korrigieren können, sodass die Automatisierung der nächste logische Schritt ist, sobald Sie die Grundlagen beherrschen.
Sie haben vielleicht von Photoshop-Aktionen gehört . Diese bieten Ihnen eine einfache Möglichkeit, Aufgaben zu automatisieren. Heute zeige ich Ihnen, wie Sie Photoshop-Skripte verwenden . Photoshop-Skripts sind etwas leistungsfähiger als Aktionen und bieten Ihnen die Möglichkeit, das Verhalten des Skripts zur Laufzeit zu ändern - was Aktionen nicht können!
Mach dir keine Sorgen, wenn das komplex klingt: Skripte sind in JavaScript geschrieben Was ist JavaScript, und kann das Internet ohne es existieren? Was ist JavaScript und kann das Internet ohne es existieren? JavaScript ist eines dieser Dinge, die für viele selbstverständlich sind. Jeder benutzt es. Lesen Sie mehr, eine einfache aber mächtige Sprache.
Wenn Sie ein Fan von GIMP sind oder das Geld nicht für Photoshop ausgeben wollen, dann lesen Sie unseren Leitfaden zur Automatisierung von GIMP mit Skripten. Sparen Sie Zeit und Aufwand durch Automatisierung von GIMP mit Skripten Sparen Sie Zeit und Aufwand durch die Automatisierung von GIMP mit Skripten Die Automatisierung von Aktionen mit Python-Skripten in GIMP kann Ihnen eine Menge Zeit sparen. Es ist nicht einfach anzufangen, aber sobald Sie diese Grundlagen kennen, werden Sie auf Ihrem Weg sein! Weiterlesen .
Dein erstes Skript: Bilder skalieren
Wenn Sie Skripte schreiben, können Sie das ExtendScript Toolkit verwenden. Sie müssen das nicht verwenden, Sie können einen beliebigen Texteditor verwenden (Ich mag Sublime Text), aber es gibt viele Vorteile, dieses Toolkit stattdessen zu verwenden. Der größte Vorteil ist, dass Sie Breakpoints setzen können, was es sehr einfach macht, Ihren Code zu debuggen und Fehler zu identifizieren.
Das ExtendScript-Toolkit ist in Ihrem Creative Cloud-Abonnement enthalten. Installieren Sie es also von Ihrer Creative Cloud App oder der oben genannten Website.
Öffnen Sie das einmal installierte Toolkit. Sie werden mit dieser etwas altmodisch aussehenden Oberfläche konfrontiert:
Hier ist der Code für dein erstes Skript - kopiere es und füge es in das Hauptcodefenster auf der linken Seite ein:
current_document = app.activeDocument; new_width = 670; current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBIC ); Lassen Sie uns zusammenfassen, was dieser Code macht. Die Variable current_document speichert das aktive Dokumentobjekt aus Photoshop. Der Zugriff erfolgt über die app.activeDocument- Syntax. Wenn Photoshop nicht mit einem geöffneten Dokument ausgeführt wird, löst dieser Code eine Ausnahme aus . Ausnahmen bestehen darin, dass Code die Ausführung anhält. Dieses Skript kann nicht fortgesetzt werden, wenn kein Dokument vorhanden ist.
Die Variable new_width speichert die Breite, die Ihr neues Dokument haben soll.
Abschließend passt die resizeImage- Methode das Bild an. Dies muss über die Variable current_document erreicht werden. Sie müssen Ihre neue Breite (konvertiert mit der UnitValue- Methode in Pixel) und die ResampleMethode von BICUBIC übergeben .
Ihnen stehen fünf Haupt-Resampling-Methoden zur Verfügung. Diese alle variieren in Geschwindigkeit und Qualität, also spielen Sie mit ihnen (obwohl Bicubic für die meisten Zwecke in Ordnung ist). Hier eine kurze Zusammenfassung der Unterschiede:
- Nächster Nachbar: Sehr schnell, aber einfach.
- Bilinear: Besser als der nächste Nachbar, aber langsamer und nicht so gut wie Bicubic.
- Bikubisch: Sehr gute Ergebnisse, aber rechenintensiv.
- Bicubic Smoother: Eine verbesserte Version von Bicubic zum Upscaling (größer machen).
- Bicubic Sharper: Eine verbesserte Version von Bicubic, die für das Downsampling entwickelt wurde (verkleinert).
Denken Sie daran, diese zu verwenden, wenn Sie sie in Ihrem Code verwenden.
Jetzt, da Sie den Code verstanden haben, ist es an der Zeit, ihn auszuführen! Stellen Sie sicher, dass Photoshop zusammen mit einem Dokument geöffnet ist.
Ändern Sie oben im ExtendScript-Toolkit das Ziel- Dropdown-Menü (oben links) von ExtendScript Toolkit CC auf Adobe Photoshop CC 2017 (oder was auch immer Ihre spezielle Version von Photoshop ist). Wenn Sie Skripts für andere Adobe-Apps schreiben, können Sie diese stattdessen ändern.
Drücken Sie nun die Wiedergabe- Taste rechts neben dem Ziel-Dropdown-Menü oben rechts in Ihrem Code.
Wenn alles korrekt ausgeführt wurde, wird das Dokument jetzt in der Größe angepasst (vergessen Sie nicht, es zu speichern). Die JavaScript-Konsole oben rechts in Ihrem Toolkit zeigt die Ausgabe Ihres Skripts. Da es keine Ausgabe gibt, heißt das Ergebnis: Nicht definiert .
Wenn ein Problem auftritt (z. B. eine Ausnahme), wird Ihr Code nicht ausgeführt und Sie erhalten eine orangefarbene Leiste an ungefähr der Stelle des Problems.
Dies kann ein einfacher Tippfehler sein. Überprüfen Sie daher nach dem Stoppen des Skripts ( Top Right Controls > Stop Button ) Folgendes:
- Ihr Code ist korrekt und hat keine Tippfehler.
- Photoshop läuft.
- Sie haben ein Dokument in Photoshop geöffnet.
Skripte ausführen
Jetzt wird Ihr Code korrekt ausgeführt, es ist Zeit, ihn zu Photoshop hinzuzufügen.
Wechseln Sie in Ihrem Toolkit zu Datei > Speichern und speichern Sie das Skript an einem geeigneten Speicherort mit einem geeigneten Namen. Standardmäßig ist dies der Adobe Scripts- Ordner. Beachten Sie, dass Skripts im Format .jsx enden müssen .
In Photoshop, gehen Sie zu Datei > Skripte > Script Events Manager . Aktivieren Sie Ereignisse zum Ausführen von Skripts / Aktionen aktivieren .
Sobald diese Option aktiviert ist, können Sie vorhandene Skripts so konfigurieren, dass sie bei bestimmten Aktionen ausgeführt werden. Es gibt mehrere Schlüsselbereiche:
- Photoshop-Ereignis: In diesem Fall wird das Skript ausgeführt. Sie können aus einer Vielzahl von Optionen wählen, z. B. beim Drucken, beim Öffnen eines neuen Dokuments und vielem mehr.
- Skript: Dies ist das Skript, das ausgeführt werden soll. Es sind ein paar grundlegende eingebaut, aber Sie können hier auch eines Ihrer eigenen Skripte zuweisen.
- Aktion: Wenn Sie kein Skript verwenden, können Sie stattdessen eine grundlegende Aktion auswählen, z. B. Speichern in PDF.
Wählen Sie Skript, und wählen Sie dann Durchsuchen . Wählen Sie Ihr Skript aus. Gehen Sie voran und wählen Sie ein Ereignis, das Ihr Skript auslöst.
Klicken Sie nach dem Einrichten auf Hinzufügen und dann auf Fertig . In diesem Menü können Sie auch alle zuvor konfigurierten Skripte bearbeiten oder löschen.
Wenn Sie Ihr Skript nicht an eine Aktion binden möchten, ist es noch einfacher einzurichten. Gehe zu Datei > Skripte > Durchsuchen . Navigieren Sie zu Ihrem Skript und drücken Sie dann auf Öffnen. Ihr Skript wird sofort ausgeführt.
Wenn Sie Ihr Skript in diesem Skriptmenü sehen möchten, müssen Sie es in den entsprechenden Ordner kopieren. Dies finden Sie im Ordner Presets > Scripts Ihrer Photoshop-Installation.
Starten Sie Photoshop nach dem Kopieren neu. Nach dem Neustart wird Ihr Skript als Menüeintrag im Menü " Datei" > " Skripts" angezeigt.
Bildgröße ändern: Besser machen
Jetzt, da Sie Photoshop-Skripte verstehen, ist es an der Zeit, den Code zu verbessern.
Dieser Code funktioniert sehr gut bei der Größenänderung von Bildern auf 670px (oder der Größe, in die Sie ihn geändert haben), aber es könnte besser sein. Glücklicherweise ist JavaScript eine sehr flexible Sprache!
Ändern wir den Code so, dass alle Bilder, die kleiner als die neue Größe sind, nicht verkleinert werden. Hier ist der Code:
current_document = app.activeDocument; new_width = 670; if(current_document.width>new_width) { current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBIC ); } Es gibt nur eine Änderung hier. Eine if- Anweisung wird um die resize-Methode gewickelt. Wenn die aktuelle Dokumentbreite (Zugriff über current_document.width ) kleiner als die neue Breite ist, ändern Sie die Größe nicht.
Dies stellt sicher, dass kleine Bilder nicht vergrößert werden, was die Qualität verringern würde.
Wenn Sie mit der Eingabe von Code in das Toolkit beginnen, erhalten Sie Vorschläge für gültige Änderungen, die Sie vornehmen können, Methoden zum Aufrufen oder Eigenschaften, auf die Sie zugreifen möchten. Dies ist sehr nützlich, und Sie sollten den vollen Nutzen daraus ziehen!
Hier ist eine letzte Änderung:
current_document = app.activeDocument; // Get the active document new_width = 670; // new width to ressize to if(current_document.width>new_width) { // if document is larger than new size current_document.resizeImage( UnitValue(new_width, 'px'), null, null, ResampleMethod.BICUBICSHARPER ); } current_document.activeLayer.autoContrast(); // Apply contrast current_doc.activeLayer.applySharpen(); // Apply Sharpen Dieser Code enthält jetzt Kommentare, etwas, das alle Code sollte 10 Tipps zum Schreiben von Cleaner & Better Code 10 Tipps zum Schreiben von Cleaner & Better Code Schreiben sauberer Code sieht einfacher aus als es tatsächlich ist, aber die Vorteile sind es wert. So können Sie heute anfangen, saubereren Code zu schreiben. Lesen Sie mehr, und das wird Ihnen in Zukunft helfen.
Die Resample-Methode wurde in Bicubic Sharper geändert - dies führt zu etwas besseren Ergebnissen beim Herunterskalieren von Bildern.
Schließlich wurde der Kontrast und die Schärfung als letzter Schritt angewendet.
Was wirst du codieren?
Sie sollten jetzt alles wissen, was Sie brauchen, um alles in Photoshop zu automatisieren! Wenn Sie es in Photoshop tun können, können Sie es wahrscheinlich automatisieren. Die API von Photoshop Was sind APIs und wie verändern offene APIs das Internet Was sind APIs und wie verändern offene APIs das Internet Haben Sie sich jemals gefragt, wie Programme auf Ihrem Computer und den Websites, die Sie besuchen, miteinander "sprechen"? Read More bietet Zugriff auf viele Funktionen und ihre Dokumentation beschreibt nahezu alle Funktionen, auf die Sie zugreifen können.
Natürlich waren die heutigen Beispiele nur grundlegend, aber sie decken die Kerndetails ab - Sie können ein Skript implementieren, das speziell auf Ihre Anforderungen zugeschnitten ist!
Hast du heute etwas Neues gelernt? Was sind deine Lieblingsschriften? Lass es uns in den Kommentaren wissen!
Bildquelle: whiteMocca über Shutterstock.com