Skripterstellung: Windows für Ihre After Effects-Skripte erstellen

Contents
1. Introduction	6. Buttons
2. Windows	7. Options
3. Groups	8. Example
4. Panels	9. Conclusion
5. Text

Einführung

Das Erstellen eines Fensters für ein Skript ist ideal, wenn der Endbenutzer Informationen eingeben und Anweisungen anzeigen muss. In diesem Artikel werde ich die Grundlagen zum Erstellen eines Fensters für Ihr AE-Skript mit etwas grundlegendem Javascript und Adobe Extendscript Toolkit CC erläutern.

Windows

Um Ihr Fenster zu gestalten, ist es ganz einfach:

//New Window
var mainWindow = new Window("palette", "Title", undefined);

new Window() ist das Argument zum Erstellen des Fensters. Anschließend müssen Sie im Inneren den Typ, den Titel und die Grenzen angeben. Ein Palettenfenster eignet sich für After Effects-Skripte. Es wird auch empfohlen, die Grenzen undefiniert zu lassen, da Größe und Position später beeinflusst werden können.

So rufen Sie Ihr Fenster auf:

mainWindow.show();

Da sich derzeit nichts im Fenster befindet, wird einfach ein kleines Fenster aufgerufen, um anzuzeigen, dass es funktioniert.

Gruppen

Als nächstes müssen Sie ein Objekt erstellen, um Informationen für Ihr Fenster aufzunehmen.

Mit der „Gruppe“ können Sie darin enthaltene Objekte organisieren. Fügen Sie vor mainWindow.show() diese Zeile zu Ihrem Skript hinzu:

group01 = mainWindow.add("group", undefined, "Group 01");

Wir fügen die Gruppe zu unserem Hauptfenster hinzu und skizzieren den Typ, die Grenzen und die Texteigenschaften. Da wir eine Gruppe hinzufügen, ist das erste Argument „group“. Auch hier können Sie die Grenzen undefiniert lassen. Geben Sie abschließend an, wie die Gruppe benannt werden soll. Dies wird standardmäßig nicht im Fenster angezeigt.

Die Standardausrichtung der Panels ist zeilenweise. Wenn Sie dies in eine Art Spalte ändern möchten, können Sie dies tun, indem Sie Folgendes zu Ihrem Skript hinzufügen:

group01.orientation = "column";

Panels

Wenn Sie doch möchten, dass der Name der Gruppe sichtbar ist, können Sie stattdessen die Verwendung eines „Panel“-Objekts in Betracht ziehen. Dieser Objekttyp ist hilfreich, um Teile des Fensters abzutrennen:

group02 = mainWindow.add("panel", undefined, "Group 02");

Es hat die gleichen Eigenschaften wie das „Gruppen“-Objekt, wird jedoch etwas anders angezeigt.

Die Standardausrichtung der Panels ist nach Spalten. Wenn Sie dies in eine Art Zeile ändern möchten, können Sie dies tun, indem Sie Folgendes zu Ihrem Skript hinzufügen:

group02.orientation = "row";

Text

Es gibt wahrscheinlich zwei Arten von Text, die Sie in Ihr Skript aufnehmen möchten: statischen Text und bearbeitbaren Text.

Statischer Text
Statischer Text kann für Anweisungen an den Endbenutzer verwendet werden. Fügen Sie Ihrem Objekt „statictext“ wie folgt hinzu:

//New Window
var mainWindow = new Window("palette", "Title", undefined);

Wieder verwenden wir das Add-Control-Objekt mit demselben Typ, denselben Grenzen und denselben Textargumenten.

Bearbeitbarer Text
Bearbeitbarer Text stellt ein Textfeld zur Verfügung, in das der Endbenutzer Text eingeben kann. Dies ist nützlich, wenn unser Skript Informationen vom Endbenutzer benötigt, wie beispielsweise anpassbare Textebenen. Fügen Sie „edittext“ wie folgt zu Ihrem Objekt hinzu:

mainWindow.show();

Dies ist einfach eine andere Art von Objekt. Der Text, den wir im Textargument bereitstellen, befindet sich zunächst im Textfeld, sodass der Endbenutzer ihn löschen und seinen eigenen Text hineinschreiben kann.

Wie Sie sehen können, ist der Text im bearbeitbaren Feld leicht abgeschnitten, da die Größe der Felder nicht definiert ist. Wir können dies beheben, indem wir die Größe nachträglich definieren:

group01 = mainWindow.add("group", undefined, "Group 01");

Dadurch können wir die Textfeldgröße später anpassen, wenn wir dies wünschen.

Knöpfe

Wahrscheinlich benötigen Sie auch Schaltflächen für Ihr Skript, zumindest um dem Endbenutzer die Möglichkeit zu geben, das Skript auszuführen.

Das Hinzufügen einer Schaltfläche ist ein ähnlicher Vorgang:

group01.orientation = "column";

Dadurch wird unser Button erstellt.

Damit unsere Schaltfläche jedoch etwas tun kann, müssen wir unserem Skript mitteilen, was zu tun ist, wenn unsere Schaltfläche gedrückt wird. Ich erstelle gerne eine Funktion, um alle Aufgaben unterzubringen, die mit der Schaltfläche erledigt werden sollen.

group02 = mainWindow.add("panel", undefined, "Group 02");

Hier verwenden wir button01.onClick, um unsere erste Funktion auszuführen, wobei wir sie auffordern, app.beginUndoGroup("Tutorial") auszuführen, sodass das Rückgängigmachen des Skripts eine einzige Aktion in After Effects ist. Als nächstes weisen wir es an, unsere Funktion „completeTasks“ auszuführen. Darunter definiere ich die Funktion CompleteTasks. Fügen Sie hier alle Aktionen ein, die Ihre Schaltfläche ausführen soll (meine schließt im Moment nur das Skriptfenster) und beenden Sie die Funktion, indem Sie app.endUndoGroup("Tutorial") hinzufügen, um die Rückgängig-Gruppe zu schließen.

Ich werde in einem zukünftigen Artikel näher darauf eingehen.

Optionen

Weitere Optionen für verfügbare Kontrollobjekte finden Sie im Javascript Tools Guide CC

Objekte wie Kontrollkästchen, Dropdown-Menüs, Optionsfelder und Schieberegler werden hier behandelt, um nur einige zu nennen. Es gelten ähnliche Verfahren wie beim Hinzufügen von Text oder Schaltflächen.

Beispiel

Verknüpfen wir das, was wir über Windows gelernt haben, mit dem vorherigen Artikel und erstellen wir ein Beispielskript, das eine neue Komposition erstellt und öffnet.

//New Window
var mainWindow = new Window("palette", "Title", undefined);

Lassen Sie uns dieses Skript durchgehen.

Ich beginne damit, mein Fenster und meine Gruppen zu erstellen. Group01 ist mein „Panel“, das dem statischen Text die Überschrift „Beschreibung“ hinzufügt. In der Zwischenzeit befinden sich die restlichen Objekte in Group02, einem „Gruppen“-Objekt. Da ich möchte, dass die Ausrichtung von Gruppe02 eine Spalte ist, stelle ich das hier ein.

Dann erstelle ich meine Objekte. Ich beginne mit meinem statischen Text innerhalb von Group01. Als Nächstes erstelle ich zwei Edittext-Objekte innerhalb von Group02, damit der Benutzer die Größe der neuen Komposition angeben kann, die er erstellen möchte, und ich gebe die Größe dieser beiden Textfelder an. Zum Schluss erstelle ich eine Schaltfläche, damit das Skript vom Endbenutzer ausgeführt werden kann.

Sobald ich alle meine Variablen erstellt habe, erstelle ich meine Funktionen. Ich habe zunächst wie erläutert meine onClick-Funktion für meine Schaltfläche festgelegt, indem ich die Rückgängig-Gruppe geöffnet und die benutzerdefinierte Funktion „completeTasks“ ausgeführt habe.

Ich definiere dann CompleteTasks. Zuerst muss ich parseInt() für den Text der Bearbeitungstextobjekte compWidth und compHeight verwenden. Dadurch werden sie von Text in Ganzzahlen umgewandelt, sodass der Rest des Skripts die Eingaben verstehen kann. Sobald dies erledigt ist, erstelle ich eine neue Komposition und stelle die Breite und Höhe auf die vom Benutzer eingegebenen Werte ein. Die Komposition wird dann geöffnet und zur aktiven Komposition, bevor das Skriptfenster geschlossen und die Undo-Schleife geschlossen wird.

Durch Ausführen dieses Skripts können Sie eine neue Komposition erstellen, die auf die in den Textfeldern angegebenen Werte für Breite und Höhe eingestellt ist.

Dieses Skript kann verbessert werden, indem ein Alarm hinzugefügt wird, um den Benutzer zu warnen, dass das Skript fehlgeschlagen ist, falls den Textfeldern etwas hinzugefügt wird, das keine Ganzzahl ist (oder möglicherweise ein Maximalwert festgelegt wird). Darauf werde ich in einem anderen Artikel näher eingehen. Wenn das Textfeld ein unzulässiges Zeichen enthält, funktioniert das Skript zunächst einfach nicht, bis sowohl in die Textfelder für die Breite als auch für die Höhe Zahlen eingegeben wurden.

Abschluss

Damit ist der Anfängerleitfaden zum Erstellen von Fenstern für After Effects-Skripts mit Adobe Extendscript Toolkit CC abgeschlossen. Im nächsten Artikel werde ich die Erstellung verschiedener Arten von Ebenen für Ihre Kompositionen behandeln.

Das obige ist der detaillierte Inhalt vonSkripterstellung: Windows für Ihre After Effects-Skripte erstellen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!