Анимация появления в обложке
Анимация в обложке оживит первый экран, придаст ему выразительность и создаст первое впечатление от страницы
КАКИЕ ВИДЫ АНИМАЦИИ БЫВАЮТ:
Dissolvenza
Появление элемента из прозрачности
Dissolvenza in alto
Dissolvenza a sinistra
Dissolvenza a destra
Ingrandimento
Появление элемента через прозрачность снизу
Появление элемента через прозрачность справа
Появление элемента через прозрачность слева
Появление элемента через увеличение
Появление элемента через прозрачность сверху
Dissolvenza in basso
ПРИМЕРЫ АНИМАЦИИ
Чаще всего на обложках анимируют заголовок, подзаголовок и кнопки
Un modo migliore per la vostra attività
Forniamo nuove tecnologie per aziende e startup
Sottotitolo - Dissolvenza in
Durata - 1 sec.
Ritardo - 0,1 sec.
Titolo - Dissolvenza in alto.
Distanza -100 px,
Durata - 1 sec.
Sottotitolo - Dissolvenza in alto
Durata - 1 sec.
Distanza - 30 px
Ritardo - 0,1 sec.
Titolo - Fade In
Durata - 2 sec.
Pulsante 1 - Dissolvenza in alto
Durata - 1 sec.
Distanza - 30 px
Ritardo - 0,7 sec.
Pulsante 2 - Dissolvenza in alto
Durata - 1 sec.
Distanza - 30 px
Ritardo - 0,8 sec.
Sentirsi a casa
Un angolo caffè e cibo nel centro città.
Wineer 12A str., Minereed
Il nostro menu
I nostri contatti
Una nuova pizzeria in città
Via Wineer, 12A, Minereed
Logo - Ingrandimento
Durata - 1 sec.
Scala - 90%
Titolo - Dissolvenza in alto
Durata - 4 sec.
Distanza - 100 px
Sottotitolo - Dissolvenza in alto
Durata - 1 sec.
Distanza - 50 px
Ritardo - 0,3 sec.
Creare il nuovo sito
Provate l'animazione sulla copertina per creare qualcosa di molto speciale
Inizio
Sottotitolo - Dissolvenza in alto.
Durata - 0,9 sec.
Distanza - 100px
Ritardo - 0.2
Titolo - Dissolvenza in alto.
Durata - 1,1 sec.
Distanza - 100 px
Pulsante - Ingrandimento.
Durata - 0,9
Scala - 30%
Ritardo - 1,1 sec.
Sono un illustratore e animatore digitale. Guarda il mio portfolio
Sottotitolo - Dissolvenza a destra
Durata - 1,4 sec.
Distanza - 50 px
Ritardo - 0,5 sec.
Nome - Dissolvenza in
Durata - 5 sec.
NOUVEAU
Un negozio online di abbigliamento di New York
Negozio
Sottotitolo - Dissolvenza in alto
Durata - 0,6 sec.
Distanza - 50 px
Ritardo - 0,3 sec.
Titolo - Zoom In
Durata - 1 sec.
Scala - 30px
Pulsante 1 - Dissolvenza in alto
Durata - 1,2 sec.
Distanza - 50 px
Ritardo - 0,4 sec.
Ceramica fatta a mano
SAMMO
Creiamo prodotti fatti a mano con amore
Titolo - Dissolvenza in basso.
Durata - 1,5 sec.
Distanza - 150 px
Ritardo - 0,6 sec.
Logo - Dissolvenza.
Durata - 1,7 sec.
Sottotitolo - Dissolvenza.
Durata - 1,4 sec.
Ritardo - 1 sec.
homearea
VIAGGIARE INSIEME SULLA TERRA
Il progetto
Pulsante - Dissolvenza in alto
Durata - 1 sec.
Distanza - 30 px
Ritardo - 0,6 ec.
Logo - Dissolvenza in
Durata - 1,5
Titolo - Dissolvenza in alto.
Durata - 1,5
Distanza - 100 px
Ritardo - 0,3
Tradizioni yoga, nuovi metodi
Prezzi
Indirizzo
Chi siamo
Seguire le lezioni
Contatti
Titolo - Dissolvenza a sinistra
Durata - 1,3 sec.
Distanza - 150 px
Prendere classe - Dissolvenza in
Durata - 1,7 sec.
Ritardo - 1 sec.
Pulsante Contatti - Dissolvenza in
Distanza - 100 px
Durata - 1,4 sec.
Mai
Prezzi
Indirizzo
Chi siamo
fermarsi
migliorare
cose
VISUALIZZA IL CASO
"Mai" - Dissolvenza a destra
Durata - 1 sec.
Distanza - 100 px
Ritardo - 0 sec.
"View case" - Dissolvenza in
Durata - 1,6 sec.
Ritardo - 0,6 sec.
"Stop" - Dissolvenza a destra
Durata - 1 sec.
Distanza - 100 px
Ritardo - 0,2 sec.
"Miglioramento" - Dissolvenza a destra
Durata - 1 sec.
Distanza - 100 px
Ritardo - 0,2 sec.
"Cose" - Dissolvenza a destra
Durata - 1,6 sec.
Distanza - 100 px
Ritardo - 0,4 sec.
HEBERT
Biografia
Personaggi
Linea temporale
INTERVISTA
GIULIO
1. JULIEN - Dissolvenza a sinistra
Durata - 1 sec.
Distanza - 100 px
5. Freccia giù - Dissolvenza in basso
Durata - 0,5 sec.
Distanza - 100 px
Ritardo - 1,4 sec.
2. HEBERT - Dissolvenza a sinistra
Durata - 1 sec.
Distanza - 100 px
Ritardo - 0,1 sec.
3. "Intervista" - Dissolvenza a sinistra
Durata - 0,5 sec.
Distanza - 100 px
Ritardo - 1 sec.
4. Social network - Dissolvenza in basso
Durata - 0,5 sec.
Distanza - 100 px
Ritardo - 1,2 sec.
6. "Tutte le interviste" - Dissolvenza in basso
Durata - 0,5 sec.
Distanza - 100 px
Ritardo - 1,4 sec.
7. Logo, menu, hamburger - Dissolvenza a sinistra
Durata - 1 sec.
Distanza - 100 px
Ritardo 1.7-1,9sec.
Tutte le interviste
ВИДЕО УРОК
Как повторить анимацию в редакторе Тильды