Premiere Pro Tutorials

So erstellst du eine iPhone-Button-Animation in Premiere Pro

Baue aus zwei Formen einen Ein/Aus-Schalter im iPhone-Stil, animiere ihn mit Keyframes und färbe ihn mit dem Tint-Effekt grün.

Motion GraphicsPremiere Pro
A green iPhone style toggle switch with a white circle, animated in Premiere Pro

Tutorial ansehen

Schritt 1: Den Schalterkörper zeichnen

Wähle in der Werkzeugleiste das Rectangle Tool und ziehe im Program Monitor ein Rechteck auf. Lass die Formebene ausgewählt und öffne Window > Essential Graphics, falls das Panel nicht sichtbar ist. Klicke auf den Tab Edit.

Schritt 2: Die Ecken abrunden

Suche in Essential Graphics den Wert corner radius neben Breite und Höhe. Erhöhe ihn bis zum Maximum von 1000. Das Rechteck wird zu einer Pille, dem Körper des Schalters. Achte darauf, dass die Fill-Farbe ein dunkles Grau ist, wie bei einem ausgeschalteten iPhone-Schalter. Zum Ändern der Größe wählst du das Selection Tool und ziehst an den Griffen der Form.

Auf das Maximum gesetzter corner radius in Essential Graphics, der ein Rechteck in eine Pillenform verwandelt, in Premiere Pro

Schritt 3: Den weißen Kreis hinzufügen

Klicke auf den leeren grauen Bereich der Timeline, um die Ebene abzuwählen. Halte dann das Formwerkzeug in der Werkzeugleiste gedrückt und wähle das Ellipse Tool. Halte Shift gedrückt, während du im Program Monitor ziehst, um einen perfekten Kreis zu zeichnen. Ändere in Essential Graphics die Fill-Farbe auf Weiß. Verschiebe den Kreis mit dem Selection Tool an das linke Ende der Pille und passe die Größe an, sodass er sauber hineinpasst.

Ein weißer Kreis am linken Ende einer grauen Pillenform in Premiere Pro

Schritt 4: Den Kreis mit Position-Keyframes animieren

Wähle die Kreisebene und öffne Effect Controls. Setze die Abspielposition an die Stelle, an der sich der Schalter zu bewegen beginnen soll, und klicke auf die Stoppuhr neben Position, um einen Keyframe zu erstellen. Gehe zu der Stelle, an der die Animation abgeschlossen sein soll, und ändere den Wert von Position so, dass der Kreis am anderen Ende der Pille sitzt. Für mehr Tempo ziehst du die beiden Keyframes näher zusammen.

Position-Keyframes für den weißen Kreis in Effect Controls in Premiere Pro

Schritt 5: Die Bewegung weicher machen

Ein echter Schalter beschleunigt und bremst sanft ab. Wähle beide Keyframes aus, klicke mit der rechten Maustaste auf einen davon und wähle Temporal Interpolation > Ease In. Mache dasselbe noch einmal und wähle Ease Out. Für mehr Kontrolle klickst du auf den kleinen Pfeil neben Position, um den Geschwindigkeitsgraphen zu öffnen. Wähle die Keyframes aus, damit die Griffe erscheinen, und forme dann deine eigene Geschwindigkeitskurve.

Geschmeidiger mit EaseFlow: Wähle die Keyframes aus und wende mit einem Klick eine echte Easing-Kurve an, statt Bezier-Griffe zu ziehen. EaseFlow ansehen

Schritt 6: Den Tint-Effekt hinzufügen

Jetzt soll der Schalter grün werden, wenn er angeht. Öffne das Effects-Panel, suche nach Tint (unter Video Effects > Color Correction) und wende ihn auf die untere Ebene an, die Pille.

Suche nach dem Tint-Effekt im Effects-Panel von Premiere Pro

Schneller mit BetterFX: Das Effects-Panel kannst du überspringen. Drücke dein BetterFX-Kürzel, tippe die ersten Buchstaben von Tint und drücke Enter, um den Effekt auf den ausgewählten Clip anzuwenden. BetterFX holen

Schritt 7: Die Farbe mit Keyframes animieren

Bevor du eine Farbe änderst, setze die Abspielposition passend zu deiner Animation. Wähle den oberen Clip aus, öffne Effect Controls und springe mit dem Pfeil neben Position zum ersten Keyframe. Wähle dann wieder die untere Ebene aus und klicke auf die Stoppuhren neben Map Black To und Map White To, um Keyframes mit den Originalfarben zu erstellen.

Wähle die Kreisebene erneut aus und setze die Abspielposition auf den letzten Keyframe. Gehe nun zurück zur unteren Ebene und setze Map White To auf ein leuchtendes Grün. Setze Map Black To auf ein dunkleres Grün. Du kannst auch jede andere Farbe wählen. Drücke auf Play, und der Schalter rutscht hinüber und wird dabei grün.

Tint-Keyframes für Map Black To und Map White To mit einem grünen Schalter in Premiere Pro

Tipps

  • Ebenen gruppieren. Verschachtele Pille und Kreis (Nest), damit du den ganzen Schalter als ein Objekt bewegen oder skalieren kannst.
  • Klickgeräusch hinzufügen. Ein winziger Klick, wenn sich der Kreis bewegt, lässt die Animation echt wirken.
  • Umkehren. Dupliziere das Nest und spiegle es, damit der Schalter wieder ausgeht.

FAQ

Wie erstelle ich eine Pillenform in Premiere Pro?

Zeichne ein Rechteck und erhöhe dann den corner radius in Essential Graphics auf den Maximalwert.

Wie zeichne ich einen perfekten Kreis in Premiere Pro?

Wähle das Ellipse Tool und halte Shift gedrückt, während du im Program Monitor ziehst.

Wie animiere ich einen Farbwechsel in Premiere Pro?

Wende den Tint-Effekt an und setze Keyframes für die Farben Map Black To und Map White To am Anfang und Ende der Animation.

Du suchst fertige animierte Grafiken? Stöbere in den Motion Graphic Templates.