So nimmst du flüssige Scroll-Videos für Framer-Templates auf

1. 1

   Unter einer öffentlichen Adresse veröffentlichen

   Veröffentliche das Template oder seine Demo unter der .framer.website-Adresse oder einer eigenen Domain. Sie muss sich in einem privaten Fenster ohne Passwort öffnen lassen.

2. 2

   URL einfügen und Live-Aufnahme wählen

   Füge die Adresse auf der Startseite ein. Wähle bei der Engine Live-Aufnahme. Sie erfasst die Seite an jeder Scrollposition, statt über ein Standbild zu schwenken, sodass Appear-Effekte, Scroll-Transformationen und Sticky-Abschnitte genau so abspielen wie im Browser.

3. 3

   Das Tempo festlegen

   Zwölf bis zwanzig Sekunden passen für die meisten Template-Startseiten. Weich ist die sichere Bewegung; Puls bewegt sich Abschnitt für Abschnitt und kommt auf jedem zur Ruhe, was die Struktur eines Templates zur Geltung bringt.

4. 4

   Auf dem pausieren, was verkauft

   Klick auf die Seite, wo das Scrollen anhalten soll: Hero-Bereich, Bento- oder Feature-Raster, Kundenstimmen, Preise. Bis zu 6 Pausen, jede zwischen 0,5 und 5 Sekunden. Schalte Beide Richtungen ein, wenn das Video wieder nach oben scrollt.

5. 5

   Die Hover-Zustände zeigen

   Aktiviere den Cursor, füge einen Hover hinzu und klick auf die Karte oder den Button, auf dem er ruhen soll. Der Cursor fährt dorthin, der Hover-Effekt spielt ab, und er verweilt 0,5 bis 5 Sekunden, bevor es weitergeht. Acht Cursor-Stile, von macOS bis zu einem schlichten Punkt.

6. 6

   Die Fassungen exportieren, die du brauchst

   Ein MP4 in 16:9 mit 1080p oder 1440p für den Eintrag, dann das Gerät auf Mobil stellen und eine Fassung des Handy-Layouts in 9:16 oder 4:5 für X, Instagram oder TikTok exportieren.

Statischer Schwenk liest die Seite einmal ein und bewegt einen Ausschnitt darüber. Das ist schnell und perfekt gleichmäßig, aber alles, was beim Scrollen animiert, bleibt in dem Zustand stehen, den es beim Einlesen hatte. Schalte Animationen ausspielen ein, dann laufen Einblendungen vorher bis zu ihrem Endzustand, und nichts wird halb eingeblendet erwischt. Die Live-Aufnahme spielt die Effekte wirklich ab. Sie rendert deutlich länger und kostet 13 Credits zusätzlich pro Export.

• Nimm die Live-Aufnahme, wenn die Bewegung Teil dessen ist, was du verkaufst, und bei den meisten Framer-Templates ist sie das.
• Nimm Statischer Schwenk mit Animationen ausspielen für schnelle Entwürfe, für Seiten, deren Animationen nur Einblendungen sind, oder für die Handy-Fassung, wo der Platz knapp ist.

• Ein Browser-Rahmen. Safari oder Chrome, hell oder dunkel, damit die Vorschau auf einen Blick als Website erkennbar ist.
• Ein Hintergrund. Abstand um das Fenster mit einer Farbe, einem Verlauf oder einer der 36 Vorlagen. Abgerundete Ecken und ein weicher Schatten lassen es wie ein Produktfoto wirken statt wie ein Bildschirmfoto.
• Hell und dunkel. Wenn das Template dem Systemdesign folgt, erzwinge unter Farbschema Hell oder Dunkel und exportiere je eine Fassung.
• Ein sauberes erstes Bild. Halte eine Sekunde auf dem Hero-Bereich, bevor das Scrollen beginnt. Marktplätze und Social-Apps nehmen oft das erste Bild als Vorschaubild.