Tutoriaali: Luo animoitu logo
Muuta staattinen logo silmiin tarttuvaksi animaatioksi.
Aika: ** 10 minuuttia ** Vaikeus: Keskivaikea
Mitä sinä luot
Logo sisäänkäynnin animaatiolla ja hienovaraisella jatkuvalla liikkeellä.
Vaihe 1: Aseta kangas
- Napsauta kangaskoon pudotus
- Valitse **Default (800×600) ** tai haluamasi koko
- Aseta logosi kanssa kontrastinen taustaväri
Vaihe 2: Lisää logoteksti
Tätä opetusohjelmaa varten luomme tekstipohjaisen logon.
- Paina T tekstityökalua varten
- Kirjoita tuotemerkkisi (esim. “ACME”)
- Sarjan ominaisuudet:
- Kirjasinkoko: **96 **
- Kirjasinväri: brändisi väri
- Kankaan keskipiste
Vaihe 3: Lisää tagline (valinnainen)
- Paina T uudelleen
- Kirjoita taglinesi
- Päätunnuksen alapuolella oleva sijainti
- Aseta pienempi kirjasinkoko (24- 36)
Vaihe 4: Luo sisäänpääsyanimaatio
Käytämme avaimia ammattisisäänkäyntiin.
Päälogo sisäänkäynti
- Valitse päälogoteksti
- Avaa aikajanapaneeli
- 0 sekunnissa:
- Aseta sameus: **0 **
- Aseta asteikko: **0,5 **
- ** 0,5 sekunnissa **:
- Aseta Opacity: **1
- Aseta asteikko: **1,0 **
- Aseta helpotus: ** Helpota
Tagline Entrance (poistettu)
- Valitse tagline
- 0 sekunnissa:
- Aseta sameus: **0 **
- Aseta sijainti Y: +20px (lopullisen sijainnin alapuolella)
- **0, 8 sekunnissa **:
- Aseta Opacity: **1
- Aseta sijainti Y: lopullinen sijainti
- Aseta helpotus: ** Helpota
Vaihe 5: Lisää hienovarainen silmukkaanimaatio
Sisäänkäynnin jälkeen lisää hienovarainen jatkuva animaatio:
- Valitse päälogo
- Aseta animaatio: ** Pulssi
- Aseta nopeus: 0,5 (hyvin hidas)
Vaihe 6: Lisää kipinävaikutus (valinnainen)
- Valitse päälogo
- Lisää tehoste
- Valitse **Sparkle
- Aseta merkkisi väri
- Aseta nopeus: **0,8 **
Vaihe 7: Esikatselu ja säätö
- Paina Space pelataksesi
- Säädä aikataulua tarvittaessa
- Varmista, että silmukkapiste näyttää tasaiselta
Vaihe 8: Vie
Verkkosivuja varten
- Vie **Animoitu SVG
- Upota sivuston otsikko
Sosiaalinen media
- Vie MP4 (5 sekuntia)
- Tai GIF autoplay-alustoille
Pro Vinkkejä
** Logo-animaatio Parhaat käytännöt:
- Pidä animaatioita hienovarainen … logo pitäisi tuntea ammattimaista
- Sisäänkäynnin pitäisi olla nopea (0,5-1 sekunti)
- Loop animaatioiden pitäisi olla tuskin havaittavissa
- Testi pienillä kooilla … jotkut vaikutukset eivät toimi hyvin kun skaalataan alas
Muutokset
Minimaalinen sisäänkäynti
Häivy hiljaa
- 0s: Opasiteetti 0
- 0,5s: Opacity 1
Bounce Entrance
Leikkisät brändit:
- Käytä Bounce-animaatiota
- Lyhyempi kesto
Kirjoituslaite Paljasta
Tekstipohjaiset logot:
- Käytä kirjoituskoneen animaatiota
- Vie MP4 (ei SVG)