Анимация появления в обложке
Анимация в обложке оживит первый экран, придаст ему выразительность и создаст первое впечатление от страницы
КАКИЕ ВИДЫ АНИМАЦИИ БЫВАЮТ:
Zanikanie
Появление элемента из прозрачности
Zanikanie w górę
Zanik w lewo
Zanik w prawo
Powiększenie
Появление элемента через прозрачность снизу
Появление элемента через прозрачность справа
Появление элемента через прозрачность слева
Появление элемента через увеличение
Появление элемента через прозрачность сверху
Zanikanie w dół
ПРИМЕРЫ АНИМАЦИИ
Чаще всего на обложках анимируют заголовок, подзаголовок и кнопки
Lepszy sposób dla Twojej firmy
Dostarczamy nowe technologie dla firm i startupów
Napisy - Zanikanie
Czas trwania - 1 sek.
Opóźnienie - 0,1 sek.
Title - Fade in Up.
Distance -100 px,
Duration - 1 sec.
Napis - Zanikanie w górę
Czas trwania - 1 sek.
Odległość - 30 px
Opóźnienie - 0,1 sek.
Tytuł - Fade In
Czas trwania - 2 sek.
Przycisk 1 - Zanik w górę
Czas trwania - 1 sek.
Odległość - 30 px
Opóźnienie - 0,7 sek.
Przycisk 2 - Zanik w górę
Czas trwania - 1 sek.
Odległość - 30 px
Opóźnienie - 0,8 sek.
Poczuj się jak w domu
Kącik z kawą i jedzeniem w centrum miasta.
Wineer 12A str., Minereed
Nasze menu
Nasze kontakty
Nowa pizzeria w mieście
Wineer str., 12A, Minereed
Logo - Powiększenie
Czas trwania - 1 sek.
Skala - 90%
Title - Fade in Up
Duration - 4 sec.
Distance - 100 px
Napis - Zanikanie w górę
Czas trwania - 1 sek.
Odległość - 50 px
Opóźnienie - 0,3 sek.
Utwórz nową witrynę
Wypróbuj animację na okładce, aby stworzyć coś wyjątkowego
Start
Subtitle - Fade in Up.
Duration - 0,9 sec.
Distance - 100px
Delay - 0.2
Tytuł - Fade in Up.
Czas trwania - 1,1 sek.
Odległość - 100 px
Przycisk - Powiększ.
Czas trwania - 0,9
Skala - 30%
Opóźnienie - 1,1 sek.
Jestem cyfrowym ilustratorem i animatorem. Sprawdź moje portfolio
Napis - Fade in Right
Czas trwania - 1,4 sek.
Odległość - 50 px
Opóźnienie - 0,5 sek.
Nazwa - Fade in
Czas trwania - 5 sek.
NOUVEAU
Nowojorski sklep internetowy z odzieżą
Sklep
Napis - Zanikanie w górę
Czas trwania - 0,6 sek.
Odległość - 50 px
Opóźnienie - 0,3 sek.
Tytuł - Powiększenie
Czas trwania - 1 sek.
Skala - 30px
Przycisk 1 - Zanik w górę
Czas trwania - 1,2 sek.
Odległość - 50 px
Opóźnienie - 0,4 sek.
Ręcznie robiona ceramika
SAMMO
Tworzymy ręcznie robione gadżety z miłością
Tytuł - Fade in Down.
Czas trwania - 1,5 sek.
Odległość - 150 px
Opóźnienie - 0,6 sek.
Logo - Zanikanie.
Czas trwania - 1,7 sek.
Napisy - Fade in.
Czas trwania - 1,4 s.
Opóźnienie - 1 s.
homearea
PODRÓŻOWAĆ RAZEM PO ZIEMI
O projekcie
Przycisk - Fade in Up
Czas trwania - 1 sek.
Odległość - 30 px
Opóźnienie - 0,6 sek.
Logo - Fade In
Czas trwania - 1,5
Tytuł - Zanikanie w górę.
Czas trwania - 1,5
Odległość - 100 px
Opóźnienie - 0,3
Tradycje jogi, nowe metody
Ceny
Adres
O nas
Weź udział w zajęciach
Kontakty
Title - Fade in Left
Duration - 1.3 sec.
Distance - 150 px
Take class - Fade in
Czas trwania - 1,7 sek.
Opóźnienie - 1 sek.
Przycisk Kontakty - Zanikanie
Odległość - 100 px
Czas trwania - 1,4 sek.
Nigdy
Ceny
Adres
O nas
stop
poprawa
rzeczy
WIDOCZNY PRZYPADEK
"Nigdy" - Zanikanie w prawo
Czas trwania - 1 sek.
Odległość - 100 px
Opóźnienie - 0 sek.
"View case" - Fade in
Czas trwania - 1,6 sek.
Opóźnienie - 0,6 sek.
"Stop" - Zanikanie w prawo
Czas trwania - 1 sek.
Odległość - 100 px
Opóźnienie - 0,2 sek.
"Improving" - Fade in Right
Czas trwania - 1 sek.
Odległość - 100 px
Opóźnienie - 0,2 sek.
"Things" - Fade in Right
Czas trwania - 1,6 sek.
Odległość - 100 px
Opóźnienie - 0,4 sek.
HEBERT
Biografia
Personas
Oś czasu
WYWIAD
JULIEN
1. JULIEN - Fade in Left
Czas trwania - 1 sek.
Odległość - 100 px
5. Strzałka w dół - Zanikanie w dół
Czas trwania - 0,5 sek.
Odległość - 100 px
Opóźnienie - 1,4 sek.
2. HEBERT - Fade in Left
Czas trwania - 1 sek.
Odległość - 100 px
Opóźnienie - 0,1 sek.
3. "Interview" - Fade in Left
Czas trwania - 0,5 sek.
Odległość - 100 px
Opóźnienie - 1 sek.
4. Sieci społecznościowe - Zanikanie w dół
Czas trwania - 0,5 sek.
Odległość - 100 px
Opóźnienie - 1,2 sek.
6. "Wszystkie wywiady" - Zanik w dół
Czas trwania - 0,5 sek.
Odległość - 100 px
Opóźnienie - 1,4 sek.
7. Logo, menu, burger - Fade in Left
Czas trwania - 1 sek.
Odległość - 100 px
Opóźnienie 1,7-1,9 sek.
Wszystkie wywiady
ВИДЕО УРОК
Как повторить анимацию в редакторе Тильды