Animation auf dem Titelbild

Die Animation auf dem Cover erweckt den ersten Bildschirm zum Leben, verleiht ihm ein unverwechselbares Aussehen und vermittelt einen ersten Eindruck von der Seite
ARTEN DER ANIMATION:
Aufblendung
Element erscheint aus Transparenz
Aufblendung
Einblendung links
Einblendung Rechts
Vergrößern
Element erscheint durch Transparenz von unten
Element erscheint durch Transparenz von rechts
Element erscheint durch Transparenz von links
Element erscheint allmählich durch Heranzoomen
Element erscheint durch Transparenz von oben
Einblendung unten
ANIMATIONSBEISPIELE
Die häufigsten Cover-Animationen sind die Überschrift, die Unterüberschrift und die Schaltflächen
Ein besserer Weg für Ihr Unternehmen
Wir bieten Technologien der nächsten Generation
für Unternehmen und Start-ups
Untertitel - Aufblenden
Dauer - 1 sec
Verzögerung - 0.1 sec
Überschrift - Einblenden nach oben
Abstand - 100px
Dauer - 1 sec
Unterüberschrift- Einblenden nach oben
Dauer - 1 sec
Abstand - 30px
Verzögerung - 0.1 sec
Überschrift - Einblendung
Dauer - 2 Sek.
Taste 1 - Einblenden nach oben
Dauer - 1 sec
Abstand - 30px
Verzögerung - 0.7 sec
Taste 2 - Einblenden nach oben
Dauer - 1 sec
Abstand - 30px
Verzögerung - 0.8 sec
Sie werden sich wie zu Hause fühlen
Eine Kaffee- und Lebensmittelecke im Stadtzentrum.
1423 Hamilton Ave, Cleveland
Unser Menü
Unsere Kontakte
Eine neue Pizzeria in der Stadt
1423 Hamilton Ave, Cleveland
Logo - Vergrößern
Dauer - 1 Sekunde
Maßstab - 90%
Überschrift - Einblendung nach oben
Dauer - 4 sec
Abstand - 100px
Untertitel - Aufblenden
Dauer - 1 sec
Abstand - 50px
Verzögerung - 0.3 sec
Erstellen Sie Ihre neue Website
Probieren Sie die Animation auf dem Cover aus, um etwas ganz Besonderes zu schaffen
Start
Untertitel - Aufblenden
Dauer - 0.9 sec
Abstand - 100px
Verzögerung - 0.2 sec
Überschrift - Einblendung nach oben
Dauer - 1.1 sec
Abstand - 100px
Schaltfläche - Vergrößern
Dauer - 0.9
Maßstab - 30%
Verzögerung - 1.1 sec
Ich bin ein digitaler Illustrator und Motion Designer. Schau dir mein Portfolio an
Untertitel - Einblendung rechts
Dauer - 1.4 sec
Abstand - 50px
Verzögerung - 0.5 sec
Name - Einblendung
Dauer - 5 Sek.
NOUVEAU
NYC Online-Kleiderladen
Online-Geschäft
Untertitel - Aufblenden
Dauer - 0.6 sec
Abstand - 50px
Verzögerung - 0.3 sec
Überschrift - Vergrößern
Dauer - 1 Sekunde
Maßstab - 30px
Taste 1 - Aufblenden
Dauer - 1.2 sec
Abstand - 50px
Verzögerung - 0.4 sec
Handgefertigte Keramiken
SAMMO
Wir stellen handgefertigtes Geschirr mit Liebe her
Überschrift - Einblendung nach unten
Dauer - 1.5 sec
Abstand - 150px
Verzögerung - 0.6 sec
Logo - Einblendung
Dauer - 1.7 sec
Untertitel - Einblendung
Dauer - 1.4 sec
Verzögerung - 1 sec
Homebereich
GEMEINSAM DIE ERDE BEREISEN
Über das Projekt
Schaltfläche - Aufblenden
Dauer - 1sec
Abstand - 30px
Verzögerung - 0.6 sec
Logo - Einblendung
Dauer - 1.5 sec
Überschrift - Einblendung nach oben
Dauer - 1.5 sec
Abstand - 100px
Verzögerung - 0.3 sec
Yoga-Traditionen, neue Methoden
Preise
Adresse
Über uns
Besuchen Sie einen Kurs
Kontakte
Titel - Einblendung links
Dauer - 1.3 sec
Abstand - 150px
Schaltfläche "Einen Kurs belegen" - Einblenden
Dauer - 1,7 Sekunden
Verzögerung - 1 Sekunde
Schaltfläche "Kontakte" - Einblenden
Entfernung - 100px
Dauer - 1.4 sec
Niemals
Preise
Adresse
Über uns
stoppen
Verbesserung
Dinge
EXPLORE CASE
"Nie" - Einblendung rechts
Dauer - 1 sec
Abstand - 100px
Verzögerung - 0 sec
"Fall erforschen" - Einblenden
Dauer - 1.6 sec
Verzögerung - 0.6 sec
"Stop" - Einblenden Rechts
Dauer - 1 sec
Abstand - 100px
Verzögerung - 0.2 sec
"Verbessern" - Einblenden Rechts
Dauer - 1 sec
Abstand - 100 px
Verzögerung - 0.2 sec
"Things" - Einblendung rechts
Dauer - 1.6 sec
Abstand - 100px
Verzögerung - 0.4 sec
HEBERT
Biografie
Persönlichkeiten
Zeitleiste
INTERVIEW
JULIEN
JULIEN - Einblendung links
Dauer - 1 sec
Abstand - 100px
Pfeil nach unten - Einblenden nach unten
Dauer - 0.5 sec
Abstand - 100px
Verzögerung - 1.4 sec
HEBERT - Fade in Left
Dauer - 1 sec
Abstand - 100px
Verzögerung - 0.1 sec
Interview- Einblendung links
Dauer - 0.5 sec
Abstand - 100px
Verzögerung - 1 sec
Social Media Icons - Einblenden nach unten
Dauer - 0.5 sec
Abstand - 100px
Verzögerung - 1.2 sec
Alle Interviews - Einblenden nach unten
Dauer - 0.5 sec
Abstand - 100px
Verzögerung - 1.4 sec
Logo, Menüpunkte, Burger-Menü - Einblendung links
Dauer - 1 sec
Abstand - 100px
Verzögerung - 1.7-1.9 sec
Alle Interviews
VIDEO-TUTORIAL
Wie man diesen Animationseffekt im Tilda-Editor nachbildet