Premiere Pro Tutorials

So erstellst du eine iPhone-Chatblase in Premiere Pro

Baue eine animierte Chatblase im iPhone-Stil in Premiere Pro mit Rechteck- und Zeichenstift-Werkzeug, Horizontal Flip, Tint und einer weich animierten Skalierung.

Motion GraphicsPremiere Pro
Man relaxing on a bean bag with three iPhone style chat bubbles in blue and green over the video

Sieh dir das Tutorial an

Schritt 1: Ein Rechteck zeichnen

Lege dein Material auf die Timeline. Klicke in der Werkzeugleiste auf das Rectangle Tool und ziehe im Program-Monitor ein einfaches Rechteck dort auf, wo die Blase sitzen soll. Es erscheint als Grafikebene auf der Spur über deinem Clip.

Schritt 2: Ecken abrunden und Farbe wählen

Öffne bei ausgewählter Form das Panel Essential Graphics (Window > Essential Graphics) und wechsle zum Tab Edit. Erhöhe im Bereich Align and Transform den Wert für Roundness, bis aus dem Rechteck eine weiche Kapselform wird. Im Video liegt er bei etwa 150. Scrolle dann nach unten zu Appearance, klicke auf das graue Farbfeld bei Fill und wähle eine Farbe, die dir gefällt, zum Beispiel das klassische Hellblau.

Roundness-Wert im Bereich Align and Transform des Essential-Graphics-Panels in Premiere Pro

Schritt 3: Den Zipfel mit dem Zeichenstift hinzufügen

Klicke auf den grauen leeren Bereich der Timeline, um alles abzuwählen. Wähle dann in der Werkzeugleiste das Pen-Werkzeug und klicke im Program-Monitor, um ein kleines Dreieck an der unteren Ecke des Rechtecks zu zeichnen. Schließe die Form mit einem Klick auf den ersten Punkt. Gib ihr dieselbe Füllfarbe, damit das Dreieck mit der Blase verschmilzt und zum Zipfel wird.

Ankerpunkte des Pen-Werkzeugs beim Zeichnen eines Dreieck-Zipfels an der Ecke eines blauen abgerundeten Rechtecks im Program-Monitor von Premiere Pro

Schritt 4: Die Formen zu einer Blase verbinden

Das Rechteck und das Dreieck sind noch zwei getrennte Ebenen. Klicke in der Timeline auf eine, halte Shift gedrückt und klicke auf die andere, klicke dann mit der rechten Maustaste und wähle Nest. Gib einen Namen ein und klicke auf OK. Jetzt ist deine Chatblase ein einzelner Clip, den du als ein Objekt verschieben, skalieren und animieren kannst.

Kontextmenü mit der Option Nest für zwei ausgewählte Grafikebenen in der Premiere-Pro-Timeline

Schritt 5: Die Blase für die Antwort duplizieren

Halte Alt (Option auf dem Mac) gedrückt und ziehe die verschachtelte Blase eine Spur nach oben, um sie zu duplizieren. Doppelklicke im Program-Monitor auf die obere Blase und schiebe sie ein Stück nach unten. Suche dann im Panel Effects nach Horizontal Flip, wende ihn auf die obere Blase an und positioniere sie neu, sodass der Zipfel in die andere Richtung zeigt, wie bei einer Antwort von jemand anderem.

Schneller mit BetterFX: Spar dir das Effects-Panel. Drücke dein BetterFX-Tastenkürzel, tippe die ersten Buchstaben von Horizontal Flip und drücke Enter, um ihn auf den ausgewählten Clip anzuwenden. BetterFX holen

Damit die Antwort eine eigene Farbe bekommt, wende den Effekt Tint auf die obere Ebene an. Klicke in Effect Controls auf die Farbfelder neben Map Black To und Map White To und wähle deine Farben. Im Video wird Grün für die zweite Blase verwendet.

Tint-Effekt mit Map Black To und Map White To und geöffnetem grünen Color Picker in Premiere Pro

Schritt 6: Die Nachrichten hinzufügen

Schreibe mit dem Type-Werkzeug die Nachricht für deine erste Blase, klicke dann wieder auf den grauen Bereich der Timeline und schreibe die zweite Nachricht. Platziere jeden Text schön in seiner Blase. Damit jede Nachricht mit ihrer Blase zusammenbleibt, wähle eine Blase und ihren Text aus (mit Shift beide auswählen), klicke mit der rechten Maustaste, wähle Nest und klicke auf OK. Wiederhole das für die zweite Blase und ihren Text.

Schritt 7: Das Aufpoppen animieren

Wende den Effekt Transform auf die untere Blase an. Öffne in Effect Controls den Bereich Transform, klicke auf die Stoppuhr neben Scale, um einen Keyframe zu setzen, und setze dann einen zweiten Wert, sodass die Blase innerhalb weniger Frames von 0 (nicht sichtbar) auf volle Größe wächst. Wähle beide Keyframes aus, klicke mit der rechten Maustaste auf einen und wähle Ease In, dann wieder rechts klicken und Ease Out wählen. So wirkt das Aufpoppen weich statt mechanisch.

Kontextmenü auf Scale-Keyframes im Effect-Controls-Panel von Premiere Pro mit den Optionen Ease In und Ease Out

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

Klicke zuletzt in Effect Controls auf das Wort Transform, drücke zum Kopieren Ctrl + C (Cmd + C auf dem Mac), wähle die zweite Blase aus und drücke Ctrl + V. Die Animation liegt jetzt auf beiden Blasen. Wenn sie nicht im selben Moment aufpoppen sollen, ziehe die zweite Blase auf der Timeline etwas nach hinten.

Tipps

  • Versetze die Nachrichten. Wenn du die zweite Blase um eine halbe Sekunde versetzt, wirkt es wie eine echte Unterhaltung.
  • Halte den Text kurz. Kurze Nachrichten lassen sich schneller lesen und passen besser in die Blase.
  • Füge einen Sound hinzu. Ein Nachrichten-Pop oder Whoosh-Soundeffekt bei jeder Blase lässt die Animation viel echter wirken.

FAQ

Wie erstelle ich eine Chatblase in Premiere Pro?

Zeichne mit dem Rectangle Tool ein Rechteck, runde die Ecken in Essential Graphics ab, füge mit dem Pen-Werkzeug einen Dreieck-Zipfel hinzu und verschachtele beide Formen miteinander.

Wie spiegele ich eine Chatblase, damit sie in die andere Richtung zeigt?

Wende den Effekt Horizontal Flip auf die duplizierte Blase an und positioniere sie neu, sodass der Zipfel zur gegenüberliegenden Seite zeigt.

Wie lasse ich die Blasen weich aufpoppen?

Setze Keyframes für Scale von 0 auf volle Größe und füge den Keyframes Ease In und Ease Out hinzu. Mehr dazu findest du in unserem Leitfaden zum Easing von Keyframes in Premiere Pro.

Du willst eine fertige Version? Probiere die Benachrichtigungs-Animationsvorlage und ziehe sie direkt in dein Projekt.