Im Template-Editor animierst du Eigenschaften deiner Elemente, zum Beispiel Position, Größe oder Deckkraft. Aus dem Template wird so ein kurzes Video von höchstens 15 Sekunden, das Nutzer im Design-Generator als MP4 oder MOV exportieren. Bewegt werden deine eigenen Elemente: Texte, Bilder und Formen.
Das geht in drei Schritten:
- Stelle das Template im Properties-Panel auf Video um.
- Animiere eine Eigenschaft mit der Timeline.
- Teste das Video im Design-Generator.
Template auf Video umstellen
- Klicke auf dem Canvas auf eine leere Stelle. Jetzt ist kein Element ausgewählt, und das Properties-Panel zeigt die Einstellungen des Templates.
- Wähle unter Format MP4 oder MOV. Das Template ist jetzt ein Video. Unter Format erscheinen Duration (s) und FPS, unten im Editor die Timeline.
- Gib bei Duration (s) die Länge des Videos in Sekunden ein. Mehr als 15 Sekunden geht nicht: Ein größerer Wert wird auf 15 gekürzt.
- Wähle bei FPS, wie viele Bilder pro Sekunde das Video hat: 12, 24, 25, 30, 50 oder 60. Mehr Bilder pro Sekunde machen Bewegungen flüssiger.
Eigenschaft animieren
Ein Keyframe legt fest, welchen Wert eine Eigenschaft zu einem bestimmten Zeitpunkt hat. Zwischen zwei Keyframes ändert sich der Wert nach und nach. So entsteht die Bewegung.
- Klicke in der Toolbar auf das Werkzeug Animate a property, rechts neben Create Input Field. Das Werkzeug ist jetzt aktiv.
- Klicke auf dem Canvas oder im Layers-Panel auf das Element, das sich bewegen soll. Im Properties-Panel kannst du jetzt jede Eigenschaft mit einer Zahl animieren, zum Beispiel X, Y oder Opacity. Fährst du mit der Maus darüber, wird sie gestrichelt umrandet.
- Klicke im Properties-Panel auf die Eigenschaft, die du animieren willst. Die Eigenschaft ist jetzt animiert und hat einen ersten Keyframe bei 0 Sekunden mit ihrem bisherigen Wert. Die Timeline zeigt sie an, zum Beispiel als
text2 · x. - Klicke in der Timeline rechts vom letzten Keyframe an die Stelle, an der der nächste Keyframe liegen soll. Ein neuer Keyframe erscheint dort und ist ausgewählt.
Beim Klick in die Timeline erscheint kein Keyframe?
Ein neuer Keyframe entsteht nur rechts vom letzten Keyframe. Ein Klick weiter links hebt nur die Auswahl auf. Einen Keyframe zwischen zwei anderen setzt du mit einem Klick auf die Linie zwischen ihnen.
- Gib oben in der Timeline bei Time den Zeitpunkt in Sekunden und bei Value den Wert der Eigenschaft ein. Das Element hat zu diesem Zeitpunkt jetzt genau diesen Wert.
- Wähle oben rechts in der Timeline, wie sich der Wert bis zu diesem Keyframe ändert: Linear für einen gleichmäßigen Übergang, Bezier für einen geschwungenen Verlauf. Beim ersten Keyframe gibt es nur Linear.
- Ziehe die senkrechte Zeitlinie in der Timeline von links nach rechts. Prüfe auf dem Canvas, ob sich das Element am Anfang, in der Mitte und am Ende so bewegt, wie du willst.
Einen Keyframe verschiebst du, indem du ihn in der Timeline ziehst. Zum Löschen wählst du ihn aus und klickst oben rechts auf den Papierkorb. Für jede weitere Eigenschaft beginnst du wieder bei Schritt 1. Welche animierte Eigenschaft die Timeline zeigt, wählst du oben links im Dropdown-Menü.
Video im Design-Generator testen
Der Design-Generator ist die Seite, auf der Nutzer dein Template ausfüllen und exportieren. Hier siehst du das Video so, wie Nutzer es bekommen.
- Klicke oben rechts auf Share und dann auf Publish Template Link. Dein Template ist jetzt über einen Link erreichbar.
- Klicke auf Copy URL und öffne den Link in einem neuen Browser-Tab. Der Design-Generator öffnet sich. Unter dem Design siehst du einen Play-Button, die Zeit und einen Regler.
- Klicke auf den Play-Button. Prüfe die Bewegung auch mit anderen Werten in den Input-Feldern, zum Beispiel mit einem längeren Text.
- Klicke oben rechts auf Export. Bluepic erstellt das Video, der Button zeigt, wie weit es ist. Der Export kostet 1 Credit, wie jeder Video-Export aus dem Design-Generator. Danach startet der Download, oder es öffnet sich ein Popup, in dem du Download wählst.
- Schau dir das heruntergeladene Video an. Prüfe, ob es vollständig und flüssig ist.
Jedes Video kostet beim Export gleich viele Credits, egal wie lang es ist: im Design-Generator und im Batch Editor 1 Credit, über die API 0,1 Credits. Siehe Credits: was Exporte kosten.