# Liikegrafiikkapohjat: liikkuvat työt ilman After Effectsiä

[Canonical HTML page](https://gradiently.design/fi/guide/motion-graphics-templates)

Useimmat brändit tarvitsevat liikkuvia töitä viikoittain mutta eivät omaa animaattoria. Tässä ovat liikegrafiikkapohjien tyypit ja keinot saada valmis pohja näyttämään omaltasi.

## The short version

- Liikegrafiikkapohjat ovat valmiiksi animoituja suunnitelmia, joissa vaihdat sanat, värit ja median liikkeen pysyessä valmiina.
- After Effectsin ja Premiere Pron pohjat tarvitsevat kyseisen ohjelmiston. Selaimen suunnittelutyökalut tarjoavat animoituja pohjia, joita muokkaat kuin tavallista työtä.
- Hyvässä liikepohjassa on vähän liikkuvia osia, muokattava teksti, alustakohtaiset koot ja siististi toistuva silmukka.
- Pohjat näyttävät yleisiltä, jos värit, typografia ja tausta jäävät ennalleen. Vaihda kaikki kolme ennen julkaisemista.
- Lyhyet 5-15 sekunnin silmukat sopivat useimpiin animoituihin somejulkaisuihin ja tarinoihin.

**Liikegrafiikkapohjat** ovat valmiiksi animoituja suunnitelmia: vaihdat sanat, värit, valokuvat tai logon, ja liike on jo tehty. Niitä on ammattivideo-ohjelmistoihin kuten After Effectsiin ja Premiere Prohon, mutta et tarvitse kumpaakaan. Selaimessa toimivat suunnittelutyökalut tarjoavat animoituja pohjia, joita muokkaat kuten muitakin töitä ja viet sitten videoksi tai GIFiksi. Valitse yksinkertaisesti ja rauhallisesti liikkuvia pohjia ja vaihda niistä riittävästi, jotta tulos näyttää brändiltäsi.

## Liikegrafiikkapohjien tyypit

Liikepohja voi tarkoittaa hyvin erilaisia tiedostoja. Oikea valinta riippuu jo käyttämästäsi ohjelmistosta ja tarvitsemastasi hallinnasta.

| Tyyppi | Toimii | Sopii | Oppimiskynnys |
| --- | --- | --- | --- |
| After Effects -projekti | Adobe After Effects | Monimutkaiset otsikot, logon paljastukset, täysi hallinta | Korkea |
| MOGRT (.mogrt) | Premiere Pro, säätimet määritellään After Effectsissä | Nimikyltit ja otsikot videoeditoinnissa | Keskitaso |
| Apple Motion -pohja | Final Cut Pro ja Motion | Otsikot ja siirtymät Mac-editoijille | Keskitaso |
| Lottie-animaatio (JSON) | Verkkosivut ja sovellukset toistimen kautta | Pienet käyttöliittymäanimaatiot ja kuvakkeet | Tarvitsee kehittäjän |
| Animoitu suunnittelupohja | Selaimen suunnittelutyökalut | Somejulkaisut, tarinat, mainokset, näyttösilmukat | Matala |

Jos teet julkaisuja, tarinoita ja yksinkertaisia mainoksia, selaimen animoitu suunnittelupohja yleensä riittää.

## Liikegrafiikka ilman After Effectsiä

After Effects on tehty avainruuduille, lausekkeille ja kuvien yhdistämiselle. Se on paljon enemmän kuin animoitu alejulkaisu tarvitsee. Useimmissa some- ja markkinointitöissä kolme liiketyyppiä hoitaa kaiken. Hyvät selaintyökalut tarjoavat ne ilman yhtäkään avainruutua.

- **Taustaliike.** Värikenttä lipuu, virtaa tai hengittää hitaasti paikallaan olevien sanojen takana. Rauhallinen, laadukas ja helppo toistaa.
- **Tekstin sisääntulo.** Sanat nousevat paikalleen, ponnahtavat, pyyhkiytyvät esiin tai kirjoittuvat kirjain kerrallaan ja pysyvät sitten luettavina riittävän kauan.
- **Sivusarjat.** Useat ruudut toistuvat vuorotellen siirtymineen kuin liikkuva karuselli.

Kaikki kolme näyttävät ammattimaisilta yhdellä säännöllä: liikuta yhtä asiaa kerrallaan ja anna sanojen asettua ennen muuta. [Liikesuunnittelun periaatteet](https://gradiently.design/fi/guide/motion-design-principles) ja [liikekäyrät](https://gradiently.design/fi/guide/easing) selittävät, miksi rauhallinen liike tuntuu laadulta.

## Hyvän animoidun pohjan ominaisuudet

### Ohita

- Kaikki liikkuu yhtä aikaa
- Teksti poistuu ennen kuin ehdit lukea
- Vain yksi kiinteä koko
- Hyppy silmukan alkaessa uudelleen
- Tehosteet toimivat vain esimerkkikuvalla

### Valitse

- Yksi tai kaksi liikkuvaa osaa, muu paikallaan
- Sanat saapuvat ja pysyvät vähintään kaksi sekuntia
- Tarina-, julkaisu- ja neliöversiot
- Silmukka liittyy ilman näkyvää saumaa
- Näyttää hyvältä sanoillasi, ei vain näytteellä

Testaa pohjaa oikealla, pisimmällä otsikollasi ennen valintaa. Moni pohja näyttää kauniilta kolmen sanan näytteellä mutta hajoaa omalla tekstilläsi.

## Pohjat, jotka kannattaa pitää valmiina

Pieni animoitujen pohjien joukko kattaa useimmat yrityksen julkaisut. Tee jokainen kerran brändiisi, tallenna se, ja tulevat versiot ovat kahden minuutin muokkauksia.

Pystysuora animoitu kevätmarkkinoiden lähtölaskentatarina, jossa lukee 3 päivää jäljellä liikkuvalla liukuvärillä

Lähtölaskentatarina: luku muuttuu päivittäin, tausta ja sommittelu eivät.

Pystysuora syötejulkaisu tekstillä Kesäale, vain tänä viikonloppuna, ja hitaasti lipuvalla liukuväritaustalla

Alejulkaisu, jonka sanat nousevat lipuvan taustan päälle ja jäävät paikalleen.

- **Ilmoitus:** uusi tuote, aukioloaika tai työntekijä. Katso [ilmoitusjulkaisu](https://gradiently.design/fi/guide/announcement-post-design).
- **Lähtölaskenta:** julkaisut, tapahtumat ja määräajat. Katso [lähtölaskentajulkaisu](https://gradiently.design/fi/guide/countdown-post-design).
- **Lainaus tai asiakaspalaute:** asiakkaan sanat kirjoitettuina rivi kerrallaan.
- **Ale tai tarjous:** otsikko ja päivämäärät, ei muuta.
- **Vinkki tai ohje:** lyhyt sivusarja, yksi vaihe sivua kohti.
- **Tapahtuma:** päivämäärä, paikka ja yksi rivi syystä tulla.

## Näin pohja näyttää brändiltäsi

Pohjan tunnistaa nopeimmin siitä, että sillä on yhä alkuperäiset värit. Vaihda nämä tässä järjestyksessä, niin siitä tulee omasi.

1. **Vaihda tausta** Tausta täyttää suurimman osan kehyksestä, joten se tekee eniten brändityötä. Käytä omaa värikenttääsi tai liukuväriäsi pohjan oman sijaan.
2. **Vaihda typografia** Aseta otsikot brändisi otsikkofontilla ja pienet tekstit leipätekstifontilla.
3. **Poista tarpeeton** Poista koristemuodot, tarrat ja ylimääräiset tekstilaatikot. Vähemmän osia ja liikettä näyttää arvokkaammalta.
4. **Hidasta liikettä** Jos pohjassa voi valita tahdin, valitse hitaampi. Nopeat silmukat tuntuvat toistuessaan halvoilta.
5. **Tee kaikki koot yhdestä suunnitelmasta** Rakenna tarina-, syöte- ja neliöversiot samasta tiedostosta, jotta ilme pysyy samana.

- Ruusu julkaisuun: `radial-gradient(circle at 20% 20%, #fb7185 0%, #be123c 40%, #2a0612 85%)`
- Syvä meri teknologiaan: `linear-gradient(200deg, #0f172a 0%, #0e7490 60%, #67e8f9 100%)`
- Lämmin kerma ruokaan: `radial-gradient(circle at 75% 75%, #fcd34d 0%, #fef3c7 45%, #fffbeb 90%)`

Kolme lähtöpohjaa. Käytä valitsemaasi kaikissa pohjissa, jotta sarja tuntuu yhdeltä brändiltä.

## Animoitujen pohjien vienti

Vie MP4 Instagramiin, TikTokiin, LinkedIniin ja muihin videoita toistaviin paikkoihin. Käytä GIFiä vain siellä, missä video ei toistu, kuten joissakin sähköpostiohjelmissa. Pidä julkaisujen ja tarinoiden silmukat 5-15 sekunnissa ja tarkista viimeisen ruudun paluu ensimmäiseen. [GIF ja MP4](https://gradiently.design/fi/guide/gif-vs-mp4) selittää kompromissit, ja [animoidut Instagram-julkaisut](https://gradiently.design/fi/guide/animated-social-posts) käsittelee julkaisemista.

## Gradientlyn animoidut pohjat

Gradientlyn pohjat julkaisuille, tarinoille, julisteille, ruokalistoille, korteille ja taustakuville käyttävät Markiasi taustana. Liikkuva osa on siis elävä liukuväri tai materiaali, joka kuuluu lunastamisen jälkeen vain sinulle. Kenenkään muun pohja ei näytä samalta. Sanat voivat nousta, ponnahtaa, pyyhkiytyä tai kirjoittua esiin. Mark voi lipua, virrata, hengittää tai pyörteillä. Prolla viet saumattomia 5-30 sekunnin silmukoita MP4-, WebM- tai GIF-muodossa ja teet kaikki koot yhdestä suunnitelmasta. Koko pohjakirjasto kuuluu Prohon.

## FAQ

### Mitä liikegrafiikkapohjat ovat?

Valmiiksi animoituja suunnitelmia, joissa vaihdat sanat, värit ja median valmiin animaation säilyessä. Niitä on After Effectsiin, Premiere Prohon, Final Cut Prohon ja selaimen suunnittelutyökaluihin.

### Voinko tehdä liikegrafiikkaa ilman After Effectsiä?

Kyllä. Selaintyökalut tarjoavat animoituja pohjia, joissa on taustaliikettä, tekstin sisääntuloja ja sivusiirtymiä. Ne viedään MP4:nä tai GIFinä ilman avainruutujen opettelua.

### Mikä on MOGRT-tiedosto?

Motion Graphics Template -tiedosto Adobe Premiere Prolle. Se tehdään tavallisesti After Effectsissä ja tarjoaa yksinkertaisia teksti- ja värisäätimiä muokkaamiseen Premieressä.

### Kuinka pitkä animoidun somejulkaisun pitäisi olla?

Viidestä viiteentoista sekuntiin sopii useimpiin julkaisuihin ja tarinoihin. Anna sanojen pysyä paikallaan vähintään kaksi sekuntia lukemista varten.

### Miten estän liikepohjaa näyttämästä yleiseltä?

Vaihda sen tausta, fontit ja värit omiisi, poista ylimääräiset koristeet ja hidasta liikettä.