Анимация появления в обложке
Анимация в обложке оживит первый экран, придаст ему выразительность и создаст первое впечатление от страницы
КАКИЕ ВИДЫ АНИМАЦИИ БЫВАЮТ:
Aufblendung
Появление элемента из прозрачности
Aufblendung
Einblendung links
Einblendung Rechts
Vergrößern
Появление элемента через прозрачность снизу
Появление элемента через прозрачность справа
Появление элемента через прозрачность слева
Появление элемента через увеличение
Появление элемента через прозрачность сверху
Einblendung unten
ПРИМЕРЫ АНИМАЦИИ
Чаще всего на обложках анимируют заголовок, подзаголовок и кнопки
Ein besserer Weg für Ihr Unternehmen
Wir bieten neue Technologien für Unternehmen und Start-ups
Untertitel - Einblendung
Dauer - 1 Sek.
Verzögerung - 0,1 Sek.
Titel - Einblendung nach oben.
Abstand -100 px,
Dauer - 1 Sek.
Untertitel - Aufblenden
Dauer - 1 Sek.
Abstand - 30 px
Verzögerung - 0,1 Sek.
Titel - Fade In
Dauer - 2 Sek.
Taste 1 - Aufblenden
Dauer - 1 Sek.
Abstand - 30 px
Verzögerung - 0,7 Sek.
Taste 2 - Aufblenden
Dauer - 1 Sek.
Abstand - 30 px
Verzögerung - 0,8 Sek.
Fühlen Sie sich wie zu Hause
Eine Kaffee- und Lebensmittelecke im Stadtzentrum.
Wineer 12A str., Minereed
Unser Menü
Unsere Kontakte
Eine neue Pizzeria in der Stadt
Winzerstraße, 12A, Minereed
Logo - Vergrößern
Dauer - 1 Sek.
Maßstab - 90%
Titel - Einblendung nach oben
Dauer - 4 Sek.
Abstand - 100 px
Untertitel - Aufblenden
Dauer - 1 Sek.
Abstand - 50 px
Verzögerung - 0,3 Sek.
Erstellen Sie Ihre neue Website
Probieren Sie die Animation auf dem Cover aus, um etwas ganz Besonderes zu schaffen
Start
Untertitel - Aufblendung.
Dauer - 0,9 Sek.
Abstand - 100px
Verzögerung - 0.2
Titel - Einblendung nach oben.
Dauer - 1,1 Sek.
Abstand - 100 px
Schaltfläche - Vergrößern.
Dauer - 0.9
Skala - 30%
Verzögerung - 1.1 sec
Ich bin ein digitaler Illustrator und Animator. Sehen Sie sich mein Portfolio an
Untertitel - Einblendung rechts
Dauer - 1,4 Sek.
Abstand - 50 px
Verzögerung - 0,5 Sek.
Name - Einblendung
Dauer - 5 Sek.
NOUVEAU
Ein Online-Shop für New Yorker Kleidung
Laden Sie
Untertitel - Aufblendung
Dauer - 0,6 Sek.
Abstand - 50 px
Verzögerung - 0,3 Sek.
Titel - Vergrößern
Dauer - 1 Sek.
Maßstab - 30px
Taste 1 - Aufblenden
Dauer - 1,2 Sek.
Abstand - 50 px
Verzögerung - 0,4 Sek.
Handgefertigte Keramiken
SAMMO
Wir kreieren handgemachte Leckereien mit Liebe
Titel - Einblendung nach unten.
Dauer - 1,5 Sek.
Abstand - 150 px
Verzögerung - 0,6 Sek.
Logo - Einblendung.
Dauer - 1,7 Sek.
Untertitel - Einblendung.
Dauer - 1,4 Sek.
Verzögerung - 1 Sek.
Homebereich
GEMEINSAM AUF DER ERDE REISEN
Über das Projekt
Taste - Einblenden Auf
Dauer - 1 Sek.
Abstand - 30 px
Verzögerung - 0,6 ec.
Logo - Einblendung
Dauer - 1.5
Titel - Aufblendung nach oben.
Dauer - 1,5
Abstand - 100 px
Verzögerung - 0,3
Yoga-Traditionen, neue Methoden
Preise
Adresse
Über uns
Unterricht nehmen
Kontakte
Titel - Einblendung links
Dauer - 1,3 Sek.
Abstand - 150 px
Klasse nehmen - Einblenden
Dauer - 1,7 Sek.
Verzögerung - 1 Sek.
Kontakttaste - Einblenden
Abstand - 100 px
Dauer - 1,4 Sek.
Niemals
Preise
Adresse
Über uns
stoppen
Verbesserung
Dinge
FALL ANSEHEN
"Nie" - Einblendung rechts
Dauer - 1 Sek.
Abstand - 100 px
Verzögerung - 0 Sek.
"Fall betrachten" - Einblenden
Dauer - 1,6 Sek.
Verzögerung - 0,6 Sek.
"Stop" - Einblenden Rechts
Dauer - 1 Sek.
Abstand - 100 px
Verzögerung - 0,2 Sek.
"Verbessern" - Einblenden Rechts
Dauer - 1 Sek.
Abstand - 100 px
Verzögerung - 0,2 Sek.
"Things" - Einblenden Rechts
Dauer - 1,6 Sek.
Abstand - 100 px
Verzögerung - 0,4 Sek.
HEBERT
Biografie
Persönlichkeiten
Zeitleiste
INTERVIEW
JULIEN
1. JULIEN - Einblendung links
Dauer - 1 Sek.
Abstand - 100 px
5. Pfeil nach unten - Einblendung nach unten
Dauer - 0,5 Sek.
Abstand - 100 px
Verzögerung - 1,4 Sek.
2. HEBERT - Einblendung links
Dauer - 1 Sek.
Abstand - 100 px
Verzögerung - 0,1 Sek.
3. "Interview" - Einblendung links
Dauer - 0,5 Sek.
Abstand - 100 px
Verzögerung - 1 Sek.
4. Soziale Netzwerke - Einblenden Abwärts
Dauer - 0,5 Sek.
Abstand - 100 px
Verzögerung - 1,2 Sek.
6. "Alle Interviews" - Einblenden nach unten
Dauer - 0,5 Sek.
Abstand - 100 px
Verzögerung - 1,4 Sek.
7. Logo, Menü, Burger - Einblendung Links
Dauer - 1 Sek.
Abstand - 100 px
Verzögerung 1,7-1,9 Sek.
Alle Interviews
ВИДЕО УРОК
Как повторить анимацию в редакторе Тильды