Tutorials

Coffee Motion Graphics: Dein Schritt-für-Schritt Canva-Tutorial für lebendige Kaffeekunst

Melden

Egal, ob für Instagram Reels, TikTok, digitale Menü-Boards oder Websites: Animierte Grafiken (Motion Graphics) ziehen Blicke magisch an. In diesem Tutorial lernst du, wie du ganz ohne Vorkenntnisse in After Effects – nur mit Canva – eine professionelle, animierte Kaffeegrafik erstellst.

Wir gestalten ein dynamisches Video im Hochformat (9:16), perfekt für Social Media.

Das Ziel-Design:

Eine dampfende Tasse Kaffee, umgeben von schwebenden Kaffeebohnen, dynamischer Typografie und sanften Farbverläufen im Hintergrund.

Schritt 1: Die richtige Leinwand & Farbpalette

  1. Öffne Canva und klicke oben rechts auf Design erstellen.
  2. Wähle das Format Instagram Story oder TikTok-Video (1080 x 1920 px).
  3. Farbpalette festlegen: Lege die Hintergrundfarbe fest. Wähle ein warmes, gemütliches Farbschema:
    • Hintergrund: Helles Beige/Creme (#F5EBE0)
    • Akzente: Warmes Espresso-Braun (#3E2723) und sanftes Karamell (#D7CCC8).

Schritt 2: Das Hero-Element (Die Kaffeetasse)

  1. Gehe in der linken Leiste auf Elemente.
  2. Tippe in die Suche Coffee Cup Cutout (Kaffeetasse freigestellt) oder Kaffee Illustration ein, je nachdem, ob du einen realistischen oder illustrativen Look willst.
  3. Platziere die Tasse im unteren Drittel der Leinwand.
  4. Der Dampf-Effekt (Motion):
    • Suche unter Elemente > Videos nach Dampf transparent oder Steam transparent.
    • Wähle einen kurzen Clip mit aufsteigendem Rauch/Dampf auf schwarzem Hintergrund.
    • Tipp: Wenn du Canva Pro nutzt, nutze den Video-Hintergrundentferner. Alternativ: Wähle eine animierte Grafik (Sticker) unter „Grafiken“ mit dem Suchbegriff Steam animated.
    • Platziere den Dampf genau über der Tasse.

Schritt 3: Schwebende Kaffeebohnen animieren

Hier erwecken wir das „Motion Graphic“-Feeling zum Leben:

  1. Suche unter Elemente nach Kaffeebohne (einzeln, freigestellt).
  2. Dupliziere die Bohne 3–4 Mal und verteile sie in verschiedenen Größen (tiefenunscharf durch unterschiedliche Skalierung) um die Tasse herum.
  3. Eigene Bewegungspfade erstellen:
    • Klicke eine Bohne an.
    • Klicke oben in der Leiste auf Animieren.
    • Wähle die Option Animation erstellen (das Symbol mit der kleinen Biene/dem Pfad).
    • Ziehe die Kaffeebohne mit gedrückter Maustaste in einer leichten Schlangenlinie nach oben (als würde sie durch die Luft schweben).
    • Wähle den Bewegungsstil Sanft und passe die Geschwindigkeit auf ein mittleres/langsames Tempo an.
    • Wiederhole das für die anderen Bohnen in leicht unterschiedliche Richtungen.

Schritt 4: Dynamische Typografie

Motion Graphics leben von gut getexteten und animierten Schriften:

  1. Klicke links auf Text und füge eine Überschrift ein (z. B. „But first...“ in einer lockeren Schreibschrift wie Amsterdam Three oder Bright).
  2. Füge eine zweite Überschrift darunter ein: „COFFEE“ (in einer fetten, modernen serifenlosen Schrift wie League Spartan oder Anton).
  3. Text animieren:
    • Wähle das Wort „COFFEE“ aus und klicke auf Animieren.
    • Wähle den Effekt Pop oder Pulsieren für einen dynamischen Einstieg.
    • Wähle für die Zeile darüber den Effekt Schreibmaschine oder Wischen.

Schritt 5: Feinschliff & Texturen

Um den flachen Look in ein echtes Motion Design zu verwandeln:

  1. Suche unter Elemente nach Coffee Splash (Kaffeespritzer) als Grafik und platziere sie dezent hinter die Kaffeetasse.
  2. Animiere die Spritzer mit dem Effekt Einblenden oder Fotofluss, damit sie genau im Moment des Erscheinens der Tasse auftauchen.
  3. Hintergrund-Dynamik: Suche unter Elemente nach Gradient warm animiert und setze diesen Verlauf ganz in den Hintergrund, um eine subtile Lichtveränderung zu erzeugen.

Schritt 6: Timing in der Zeitleiste anpassen

  1. Drücke unten am Bildschirmrand auf das Pfeil-Symbol oder drücke die Leertaste, um die Zeitleiste einzublenden.
  2. Klicke mit der rechten Maustaste auf ein Element (z. B. deinen Text) und wähle Timing anzeigen.
  3. Verschiebe die lilafarbenen Balken in der Zeitleiste so, dass:
    • Sekunde 0–1: Die Tasse und der Hintergrund erscheinen.
    • Sekunde 1–2: Der Text und die Bohnen ins Bild fliegen.
    • Gesamtlänge: Stelle das Video auf etwa 5 bis 7 Sekunden ein. Kürzere Videos loopen besser auf Social Media!

Schritt 7: Sound hinzufügen & Herunterladen

  1. Audio: Suche links unter Elemente > Audio nach Coffee Shop Ambience (Kaffeehaus-Geräusche) oder einem entspannten Lo-Fi Beat und ziehe ihn in deine Timeline.
  2. Download:
    • Klicke oben rechts auf Teilen > Download.
    • Dateityp: MP4-Video.
    • Qualität: 1080p HD.
    • Klicke auf Herunterladen.

Fertig ist deine erste professionelle Coffee Motion Graphic in Canva!

0