Mit der Kamera in Animate können Animatoren eine echte Kamera simulieren.   Bislang waren Animatoren auf Drittanbietererweiterungen unterschiedlicher Qualität und Kompatibilität angewiesen oder mussten ihre Animationen bearbeiten, um die Bewegung einer Kamera nachzubilden. Animatoren können die folgenden Funktionen nutzen, die für jeden Film wesentlich sind.

• Schwenken mit dem Bildgegenstand
• Heranzoomen an das Objekt des Interesses für beeindruckende Effekte
• Herauszoomen aus dem Bild, um den Betrachter an das Gesamtbild zu erinnern
• Ändern des Fokuspunkts, um die Aufmerksamkeit des Betrachters von einem Gegenstand auf einen anderen zu verlagern
• Drehen der Kamera
• Verwenden von Farbton oder Filtern zur Anwendung von Farbeffekten auf eine Szene

Beim Festlegen einer Kameraansicht für Ihre Komposition sehen Sie die Ebenen, als würden Sie durch eine entsprechende reale Kamera blicken. Sie können auch Tweens oder Schlüsselbilder in einer Kameraebene hinzufügen.

Das Kamera-Werkzeug ist für sämtliche in Animate integrierten Dokumententypen verfügbar: HTML Canvas, WebGL und ActionScript.

Verwenden Sie eine der folgenden Optionen, um das Kamera-Werkzeug zu aktivieren:

• Klicken Sie im Bedienfeld „Werkzeuge“ auf das Symbol „Kamera“.
• Klicken Sie in der Zeitleiste auf die Schaltfläche „Kamera hinzufügen/entfernen“.

Wenn eine Kamera aktiviert ist, wird eine Bühnenbegrenzung in derselben Farbe wie die Kameraebene angezeigt.

Die Bühne verhält sich nun als Kamera für das Dokument. Eine neue Kameraebene mit dem Kameraobjekt wird dem Zeitleistenfenster hinzugefügt. Wenn Sie das Kamera-Werkzeug auswählen, wird das Kamerasymbol im Eigenschafteninspektor aktiviert.

Wenn die Kamera aktiviert ist:

• Das aktuelle Dokument wird im Kameramodus platziert.
• Die Bühne wird in eine Kamera umgewandelt.
• Der Kamerarahmen ist in der Bühnenkontur sichtbar.
• Die Kameraebene ist aktiviert.  

Zoomen, Drehen oder Schwenken der Kamera

Zoomen der Kamera

Drehen der Kamera

Schwenken der Kamera

Verwenden der Kameraschwenkkontrollen

Um Objekte in horizontaler Richtung zu schwenken, bewegen Sie den Mauszeiger auf den X-Koordinatenwert und ziehen Sie den Schieberegler nach rechts oder links. 

Um Objekte in vertikaler Richtung zu schwenken, bewegen Sie den Mauszeiger auf den Y-Koordinatenwert und ziehen Sie den Schieberegler nach rechts oder links.

Zurücksetzen der Optionen für Kameraeffekte

Sie können die Änderungen, die Sie mit der Kamera für Schwenk-, Zoom-, Dreh- und Farbeffekte vornehmen, jederzeit zurücksetzen, wenn Sie die ursprünglichen Einstellungen wiederherstellen möchten. Um Ihre bisherigen Eigenschaftswerte beizubehalten, klicken Sie auf das Symbol „Zurücksetzen“ neben jeder der Eigenschaften.

Anwenden des Farbtons auf einer Kameraebene

Anpassen von Farbfiltern auf einer Kameraebene

Erzeugen von Parallaxeffekten mit Kamera und Ebenentiefe

Spieledesigner oder -entwickler möchten ein fesselndes Spielerlebnis schaffen. Durch die Verwendung verschiedener Spieleobjekte in den Vordergrund- und Hintergrundebenen können Sie die Geschwindigkeit und Position dieser Objekte steuern. Indem Sie die Kamera auf einem konstanten Brennpunkt halten, können Sie Objekte mit unterschiedlichen Geschwindigkeiten verschieben und so einen dreidimensionalen Effekt erschaffen. Beim Erstellen Ihrer 2D-Animationen in Animate können Sie diesen Effekt mithilfe der Funktionen für Kamera und Ebenentiefe erzielen. Sie können einen Parallaxeffekt für Objekte erzeugen, indem Sie die Tiefe von Ebenen mithilfe des Bedienfelds Ebenentiefe ändern. Um die Funktion „Ebenentiefe“ zu verwenden, klicken Sie auf Fenster > Ebenentiefe.

Klicken Sie hier, um weitere Informationen zur Ebenentiefe zu erhalten.

Bei diesem Effekt können Sie die Tiefe und Perspektive von Objekten anzeigen.

• Die Objekte näher zur Kamera bewegen sich schneller als die weit von der Kamera entfernten Objekte.
• Wenn eine Kameraebene auf den Wert „0“ festgelegt ist, besitzen die Objekte, die dichter an der Kamera sind, eine niedrigere positive Zahl, während die Objekte in größerer Entfernung von der Kamera eine hohe positive Zahl besitzen. Die Ebenen, die hinter der Kamera liegen, weisen negative Zahlen auf. 

Video, das den Parallaxeffekt und die Z-Tiefe der Kamera darstellt

Sperren einer Ebene mit Kamera

Für Animatoren oder Spieledesigner ist es in einigen Fällen wünschenswert, einige Objekte der Animation an die Ansicht der Kamera zu koppeln. Beispiele hierfür sind Aktionsschaltflächen, das Heads-up-Display in einem Spiel, das die Zeitmessung anzeigt, oder eine Waffe. In solchen Fällen müssen Sie das Asset fest mit der Kamerabewegung verknüpfen. Dieser Effekt lässt sich in Animate mit der Funktion An Kamera anfügen erzielen.

Wenn Sie eine Ebene mit der Kamera verknüpfen, werden die Objekte in der Ebene mit der Kamera verknüpft und stets zusammen mit dieser bewegt. In der Ausgabe scheinen Kamerabewegungen so keine Auswirkungen auf die Objekte zu haben.

Sie können eine einzelne Ebene an die Kamera anfügen, indem Sie in der Spalte für das Symbol „An Kamera anfügen“ auf den Punkt klicken. Wenn die Ebene mit der Kamera verknüpft wurde, wird ein entsprechendes Symbol neben dem Ebenennamen angezeigt.  

In den folgenden Abbildungen wird das Ebenenverhalten vor und nach dem Anfügen der Kamera gezeigt:

Abbildung der Animation mit einer Ebene, die nicht mit der Kamera verknüpft wurde:

Abbildung der Animation mit einer Ebene, die mit der Kamera verknüpft wurde:

Sie können die Kamerasperre für alle Ebenen aktivieren oder deaktivieren, indem Sie in der Zeitleiste auf das Symbol „An Kamera anfügen“ klicken. 

Verwenden der Kamera zur Laufzeit

Mit den Kamera-APIs für AS3-, WebGL- und HTML Canvas-Dokumente können Sie die Kamera zur Laufzeit einführen, darauf zugreifen und sie verwalten. Die folgenden Kamera-APIs können zur Laufzeit für AS3-, WebGL- und HTML Canvas-Dokumente verwendet werden:

 Alle aufgeführten Methoden gelten für AS3-Dokumente. Einige der Methoden sind für WebGL- und HTML Canvas-Dokumente nicht verfügbar. Die für WebGL- und HTML Canvas geltenden Methoden sind in den letzten beiden Spalten der Tabelle angegeben.

Methoden für virtuelle Kameras

Zugriff auf die Kamera als Movieclip-Objekt

Maskieren von Objekten zur Laufzeit (für AS3-Dokumente)

Sie können die Objekte mit folgendem Kamera-API-Code zur Laufzeit maskieren:

import fl.VirtualCamera;
fl.VirtualCamera.getCamera(root).setCameraMask(torch);

Ein Beispiel-Screenshot der Animation bei Verwendung einer ovalen Maske sieht wie folgt aus:

Erstellen interaktiver Kamera-Animationen mit dem Aktionscode-Assistenten

Die detaillierte Vorgehensweise für das Erstellen von Animationen mit einer interaktiven Kamera wird im folgenden Diagramm dargestellt. Sie können den Aktionscode-Assistenten in HTML Canvas-Dokumenten verwenden. 

Unten finden Sie ein Beispielvideo, das die Verwendung der interaktiven Kamera zeigt. Sie können beobachten, wie Sie zur Laufzeit in unterschiedlichen Intervallen den Fokus auf den Fallschirm, das Jetpack und die städtische Landschaft verschieben können.

Video, das die Nutzung der Kamera zur Laufzeit zeigt

Zuschneiden des Objekts auf der Bühne

Adobe XD ermöglicht es Ihnen, Inhalte auf eine andere Zeichenfläche zu legen oder zu überlagern, um interaktive Folieneffekte zu simulieren. Beispiel: Dropdown-Listen, Folien oder Leuchtkasteneffekte. Mit Überlagerung können Sie auch eine Zeichenfläche mehrfach verwenden, ohne den Überlagerungsinhalt für jede Zeichenfläche zu duplizieren. 

Um den Inhalt zuzuschneiden, der sich außerhalb der Bühne befindet, klicken Sie auf die Schaltfläche Inhalt außerhalb der Bühne beschneiden .  Mit der Kamera und der Bühnenansicht können Sie den Inhalt innerhalb der Kamerabegrenzungen anzeigen.