Tutorials

Interaktive Valentins-Website in Canva: Schritt-für-Schritt-Anleitung für einen animierten Liebesbrief

Melden

Ein digitaler, interaktiver Liebesbrief ist eine moderne, persönliche und kreative Überraschung. In diesem Tutorial erfährst du, wie du mit Canva eine kostenlose Mini-Website erstellst, bei der sich auf Klick ein animierter Umschlag öffnet und eine persönliche Botschaft enthüllt.

Was du dafür brauchst:

  • Ein kostenloses Canva-Konto (Canva Pro bietet mehr Grafiken, ist aber nicht zwingend nötig).
  • 15–20 Minuten Zeit.

Schritt 1: Das Website-Format wählen

  1. Öffne Canva und gib in die Suchleiste „Bio-Link-Website“ oder „Mobile Website“ ein. (Tipp: Das Smartphone-Format eignet sich am besten, da die meisten Menschen diesen Link auf dem Handy öffnen werden).
  2. Wähle eine leere Vorlage, um deiner Kreativität freien Lauf zu lassen.

Schritt 2: Seite 1 gestalten – Der geschlossene Umschlag

Dies ist die „Startseite“, die der Empfänger zuerst sieht.

  1. Hintergrund: Wähle eine romantische oder schlichte Hintergrundfarbe (z. B. Pastellrosa, Creme oder ein sanftes Rot).
  2. Der Umschlag:
    • Gehe links auf Elemente und suche nach geschlossener Briefumschlag oder Valentine Envelope.
    • Platziere die Grafik mittig auf der Seite.
  3. Details:
    • Füge ein Herzsiegel auf die Klappe des Umschlags ein (Element: Wachssiegel oder Herz Sticker).
  4. Call-to-Action (Aufforderung):
    • Füge einen Text hinzu wie z. B. „Für dich…“ oder „Tippe auf den Umschlag, um ihn zu öffnen“.
    • Verwende eine schöne Schreibschrift (z. B. Brittany, Playfair Display oder Amsterdam).

Schritt 3: Seite 2 gestalten – Der geöffnete Umschlag mit Brief

Hier platzierst du deine eigentliche Liebesbotschaft.

  1. Klicke oberhalb deiner ersten Seite auf Seite duplizieren. So bleiben Hintergrund und Farbwelt exakt gleich.
  2. Lösche den geschlossenen Umschlag auf der zweiten Seite.
  3. Der offene Umschlag:
    • Gehe auf Elemente und suche nach geöffneter Briefumschlag oder Open Envelope.
    • Platziere ihn etwas weiter unten auf der Seite.
  4. Der Brief / Das Papier:
    • Suche nach Papier, Notizblatt oder erstelle ein einfaches weißes Rechteck.
    • Schiebe das Papier so, dass es aussieht, als käme es aus dem Umschlag heraus (Nutze dazu: Rechtsklick > Ebene > Nach hinten senden, sodass das Papier hinter der Vorderseite des Umschlags liegt).
  5. Deine Botschaft:
    • Schreibe deinen Text auf das Papier: Ein Liebesbrief, Gedichte oder Gutscheine für gemeinsame Zeit.
    • Du kannst auch gemeinsame Fotos über den Bereich Uploads hinzufügen.

Schritt 4: Die Interaktivität erstellen (Der Klick-Effekt)

Damit der Umschlag auf Klick „aufgeht“, verknüpfst du Seite 1 mit Seite 2.

  1. Gehe zurück zu Seite 1.
  2. Klicke den geschlossenen Umschlag an (oder gruppiere Umschlag und den Text „Öffne mich“).
  3. Klicke auf die drei Punkte (...) im schwebenden Menü oder drücke Strg + K (Mac: Cmd + K), um den Link-Dialog zu öffnen.
  4. Wähle unter „Seiten in diesem Dokument“ die Seite 2 aus und klicke auf Fertig.
  5. (Optional): Setze auf Seite 2 einen kleinen Pfeil oder Button mit dem Link zurück auf Seite 1, falls der Umschlag wieder „geschlossen“ werden soll.

Schritt 5: Animationen und Romantik hinzufügen

  1. Seitenübergang:
    • Klicke zwischen die beiden Seiten auf das kleine Symbol Übergang hinzufügen.
    • Wähle „Auflösen“ (Dissolve) oder „Fließen“, damit der Wechsel butterweich aussieht.
  2. Animierte Elemente:
    • Suche unter Elemente nach animierten Stickern: Herzen schwebend, Glitzer oder Sparkles.
    • Platziere diese dezent um den Brief herum auf Seite 2.
  3. Hintergrundmusik (Optional):
    • Gehe links auf Uploads > Audio (oder nutze Canva-Musik unter Elemente > Audio).
    • Ziehe ein romantisches Instrumental-Lied in dein Projekt.

Schritt 6: Als interaktive Website veröffentlichen

  1. Klicke oben rechts auf den Button Website veröffentlichen.
  2. Wähle die Einstellungen:
    • Auf mobilen Geräten anpassen: Häkchen setzen (wichtig!).
    • Navigation: Wähle „Ohne Navigation“ (damit oben keine störende Menüleiste angezeigt wird).
  3. Wähle „Kostenlose Canva-Domain“ und klicke auf Weiter.
  4. Vergib einen Namen für deine URL (z. B. fuer-meinen-schatz.my.canva.site).
  5. Klicke auf Veröffentlichen.

Fertig!

Kopiere den generierten Link und sende ihn per WhatsApp, Messenger oder verpacke ihn als QR-Code auf einer echten Karte. Wenn dein Lieblingsmensch den Link öffnet und auf den Umschlag tippt, öffnet sich seine ganz persönliche Valentins-Überraschung.

0