Markkinat
Hinnoittelu
Kirjaudu sisäänAloita
SuunnitteluopasLiike
Liike

Animoitu Instagram-tarina, joka pitää huomion

Tarina saa sekunnin tai kaksi ennen peukalon siirtymistä. Oikea liike ansaitsee loppuruudun huomion, väärä vain vaikeuttaa sanojen lukemista.

GradientlyVahvistettu Gradiently-tili·1. lokakuuta 2026·4 min lukuaika
Kansi: Sirocco Mesa · GR·D7XR·QW

Lyhyesti

  • Animoitu Instagram-tarina on 1080×1920-video, yleensä lyhyt silmukka, jota käytetään still-tarinan sijaan.
  • Luettavimmissa animoiduissa tarinoissa tausta liikkuu hitaasti, sanat saapuvat kerran ja jäävät paikalleen.
  • Ensimmäinen sekunti merkitsee eniten, joten otsikon tulee olla kokonaan näkyvissä noin sekunnin sisällä.
  • Lataa animoidut tarinat MP4-videoina koossa 1080×1920 GIFin sijaan, jotta liukuvärit pysyvät tasaisina.
  • Pidä tekstit ja logot poissa ylä- ja alareunasta, joihin Instagram piirtää käyttöliittymänsä.
Tällä sivulla
Minkä pitäisi liikkua animoidussa tarinassaNeljä tarinoissa toimivaa tekstianimaatiotaAnimoidun Instagram-tarinan ajoitusKoko, suoja-alueet ja vientiasetuksetOmaleimaiset animoidut tarinat

Animoitu Instagram-tarina toimii, kun yksi asia liikkuu tarkoituksella ja muu pysyy luettavana. Tausta ajelehtii hitaasti, otsikko saapuu lyhyellä animaatiolla kerran ja jää paikalleen. Mitään tärkeää ei ole 1080×1920-kuvan ylä- tai alareunassa. Vie MP4 GIFin sijaan ja varmista, että ensimmäinenkin ruutu näyttää valmiilta suunnitelmalta. Osa näkee vain sen.

Minkä pitäisi liikkua animoidussa tarinassa

Tarinaa katsotaan hetki käsivarren mitan päästä, usein äänettömänä. Liike vetää katsetta, joten jokainen liikkuva asia kilpailee sanojesi kanssa. Huomion säilyttävä tarina valitsee yhden rauhallisen liikkuvan tason ja antaa tekstin tehdä työnsä. Vilkas tarina näyttää editorissa energiseltä, puhelimessa uuvuttavalta.

Väsyttävä katsoa

  • Jokainen tekstirivi animoituu eri tavalla
  • Sanat jatkavat liikettä saapumisen jälkeen
  • Nopea suurikontrastinen tausta pienen tekstin takana
  • Tarrat, GIFit ja tehosteet yhdessä ruudussa
  • Otsikko ilmestyy vasta kolmen sekunnin jälkeen

Säilyttää huomion

  • Yksi tekstianimaatiotyyli koko tarinalle
  • Sanat saapuvat ja pysyvät täysin paikallaan
  • Hidas tausta ja rauhallinen alue sanojen takana
  • Yksi tarkoituksella valittu liikkuva elementti
  • Otsikko luettavana sekunnissa

Sama periaate koskee hyvää liikesuunnittelua logoista verkkosivuihin. Liikesuunnittelun periaatteet käsittelee ajoitusta, pehmennystä ja hierarkiaa tarkemmin.

Neljä tarinoissa toimivaa tekstianimaatiota

Tekstianimaatio on tarinan hyödyllisin liike, sillä se kertoo katseelle mistä aloittaa. Pidä se lyhyenä. Yli noin puolen sekunnin sisääntulo tuntuu odottamiselta, ja odotuksen yli napautetaan.

NousuSanat liukuvat lyhyesti ylös ja asettuvat

Käytä

Rauhalliset ilmoitukset, lainaukset, toimitukselliset tarinat
PomppuSanat kasvavat hieman lopullisen koon yli

Käytä

Tarjoukset, julkaisut, leikkisät brändit
Pyyhkäisy

Mitä tekee

Rivi paljastuu yhdeltä sivulta

Käytä

Otsikot joilla on vahva lukusuunta
Kirjoituskone

Mitä tekee

Kirjaimet ilmestyvät peräkkäin

Käytä

Kysymykset, ennakkomaistiaiset, muutaman sanan koukut
AnimaatioMitä tekeeKäytä
NousuSanat liukuvat lyhyesti ylös ja asettuvatRauhalliset ilmoitukset, lainaukset, toimitukselliset tarinat
PomppuSanat kasvavat hieman lopullisen koon yliTarjoukset, julkaisut, leikkisät brändit
PyyhkäisyRivi paljastuu yhdeltä sivultaOtsikot joilla on vahva lukusuunta
KirjoituskoneKirjaimet ilmestyvät peräkkäinKysymykset, ennakkomaistiaiset, muutaman sanan koukut
Valitse yksi tarinaa kohden. Kirjoituskone on hitain, joten pidä rivi lyhyenä, ettei kirjoitus jatku katsojan siirtyessä eteenpäin.

Porrasta rivit, älä sanoja: otsikko ensin, tukirivi hetkeä myöhemmin ja linkkikehotus viimeisenä. Järjestys vastaa lukemista, joten tarina on ymmärrettävä kesken poistuttaessakin. Lisää malleja ja kineettistä tekstiä tarjoaa tekstianimaatioideat.

Uusi studio
Ovet auki perjantaina.
Pyyhkäise ylös nähdäksesi osoitteen
Gradiently · @gradiently

Otsikko nousee ensin, sitten tukirivi. Molemmat ovat keskialueella poissa käyttöliittymän tieltä.

Kevään valikoima
Kaksi päivää jäljellä.
Päättyy sunnuntaina keskiyöllä
Gradiently · @gradiently

Laskenta pompahtaa kerran. Tausta jatkaa liikettä, joten tarina tuntuu elävältä sanojen pysyessä.

Animoidun Instagram-tarinan ajoitus

Still-tarina näkyy noin viisi sekuntia ennen Instagramin etenemistä. Videotarina kestää leikkeen ajan, mutta huomio painottuu alkuun. Jos ensimmäinen sekunti on tyhjä, loppua nähdään harvoin. Suunnittele aikajana tästä lähtien.

  1. 1

    0-1 sekuntia: otsikko

    Tausta liikkuu jo ensimmäisessä ruudussa. Otsikon sisääntulo päättyy ensimmäisen sekunnin loppuun.

  2. 2

    1-2 sekuntia: tuki

    Toinen rivi tai tuote saapuu samalla animaatiolla kuin otsikko mutta hieman pienemmällä liikkeellä.

  3. 3

    2-3 sekuntia: toiminta

    Linkkikehotus, päivä tai koodi ilmestyy. Tähän reagoidaan, joten rivin lukemiseen tarvitaan aikaa.

  4. 4

    Loppu: pidä

    Mitään uutta ei saavu. Tausta jatkaa liikettä, jotta silmukka palaa alkuun huomaamatta.

Kuudesta kymmeneen sekuntia on sopiva kesto lyhyen viestin suunnitellulle tarinalle. Pidemmät leikkeet sopivat puheeseen tai esittelyyn, eivät otsikkoon. Silmukan taustan tulee päättyä lähtöpisteeseen. Saumaton videosilmukka opastaa vaiheittain.

Tee ensimmäisestä ruudusta valmis suunnitelma

Pienoiskuvat, esikatselut ja hidas yhteys voivat näyttää ensimmäisen ruudun yksin. Jos sanat ilmestyvät tyhjästä, ruutu on tyhjä tausta. Aloita otsikko osittain näkyvänä tai tee ensimmäisestä ruudusta valmis still-kuva.

Koko, suoja-alueet ja vientiasetukset

Animoitu tarina käyttää samaa kehystä kuin still: 1080×1920 pikseliä, 9:16. Instagramin käyttöliittymä peittää ylä- ja alareunat, joten pidä sanat ja logot keskellä. Tavallinen työsääntö on jättää noin 250 pikseliä ylhäältä ja alhaalta ilman tekstiä. Tarkempi erittely: Instagram-tarinan koko.

Tarina ja Reel 9:16

1080 × 1920

Syötejulkaisu 4:5

1080 × 1350

Neliö 1:1

1080 × 1080

Tarina syöteformaattien rinnalla. Suunnittele täydelle korkeudelle syötekuvan venyttämisen sijaan.
MuotoMP4

Miksi

Instagram toistaa videon suoraan ja säilyttää tasaiset liukuvärit
Koko1080×1920 px

Miksi

Ei skaalausta eikä mustia palkkeja
Kuvataajuus

Suositus

30 fps

Miksi

Riittävän tasainen hitaalle liikkeelle, pienet tiedostot
ÄäniValinnainen

Miksi

Moni katsoo äänettömänä, joten sanat kantavat viestin
VältäGIF-latauksia

Miksi

256 väriä ruudussa raidoittaa liukuvärit
AsetusSuositusMiksi
MuotoMP4Instagram toistaa videon suoraan ja säilyttää tasaiset liukuvärit
Koko1080×1920 pxEi skaalausta eikä mustia palkkeja
Kuvataajuus30 fpsRiittävän tasainen hitaalle liikkeelle, pienet tiedostot
ÄäniValinnainenMoni katsoo äänettömänä, joten sanat kantavat viestin
VältäGIF-latauksia256 väriä ruudussa raidoittaa liukuvärit
Suunnitellun animoidun tarinan vientiasetukset.

Vältä tässä GIFiä. Sen 256 värin raja muuttaa pehmeän liukuvärin raidoiksi. Instagramille liikkuva tarina on video, joten anna sille sellainen. Vertailu: GIF ja MP4.

Omaleimaiset animoidut tarinat

Useimmat animoidut tarinapohjat käyttävät samoja liikkuvia taustoja, joten ne sulautuvat yhteen syötteessä. Tausta voi tehdä brändistä tunnistettavan ennen ensimmäistä sanaa. Oma liikkuva värikenttä tekee enemmän kuin valmis videosilmukka.

Gradientlyssä tarina alkaa Markilta: ainutlaatuiselta elävältä liukuväri- ja materiaalitaustalta, joka liikkuu itsenäisesti. Lisää otsikko ja valitse nousu, pomppu, pyyhkäisy tai kirjoituskone. Mark pitää rauhallisimman alueen sanojen takana, ja Automaattinen muste valitsee vaalean tai tumman tekstin rivittäin. Saman työn voi muuttaa syötejulkaisuksi tai Reels-taustaksi rakentamatta uudelleen. Videovienti kuuluu Prohon ja tallentaa MP4:n sitä tukevassa selaimessa.

Uusi menu, sama pöytä.

Hidas Mark yhden paikallaan pysyvän rivin takana. Tausta liikkuu, sanat eivät.

Suunnittele elävällä liukuvärillä

Julkaisuja, tarinoita, dioja ja bannereita kaikissa koissa, ja teksti pysyy aina luettavana.

Aloita suunnittelu, ilmaiseksi

Usein kysyttyä

Miten teen animoidun Instagram-tarinan?

Suunnittele 1080×1920-kehys liikkuvalla taustalla ja yhdellä tekstianimaatiolla. Pidä sanat keskialueella, vie MP4 ja lataa tarinaksi. Useimmat videovientiä tukevat suunnittelutyökalut pystyvät tähän.

Missä muodossa animoitu Instagram-tarina viedään?

MP4 koossa 1080×1920. Vältä GIFiä: 256 värin raja raidoittaa liukuvärit, ja Instagram käsittelee liikkuvan tarinan videona.

Kuinka pitkä animoidun Instagram-tarinan pitäisi olla?

Lyhyen viestin suunniteltuun tarinaan sopii kuudesta kymmeneen sekuntia. Näytä otsikko ensimmäisen sekunnin aikana, sillä huomio vähenee nopeasti.

Miksi animoitu tarinani on sumea tai raidallinen?

Yleensä vienti oli GIF, väärän kokoinen tai liian pienellä bittinopeudella. Vie MP4 täsmälleen koossa 1080×1920, ettei Instagramin tarvitse skaalata.

Pitäisikö tekstin liikkua koko ajan?

Ei. Anna sanojen saapua kerran ja jäädä paikalleen. Liikkuvaa tekstiä on vaikeampi lukea, ja hidas taustaliike pitää tarinan jo elävänä.

Jaa tämä opas

Kirjoittanut GradientlyVahvistettu Gradiently-tili

Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.

Katso profiilimme

Tällä sivulla

Minkä pitäisi liikkua animoidussa tarinassaNeljä tarinoissa toimivaa tekstianimaatiotaAnimoidun Instagram-tarinan ajoitusKoko, suoja-alueet ja vientiasetuksetOmaleimaiset animoidut tarinat

Jaa tämä opas

Seuraavaksi aiheesta Liike

Toistuva video: näin brändi tekee loputtomalta näyttävän klipin

Lue myös

Kaikki oppaat aiheesta Liike
Some

Instagram-tarinan koko ja turva-alueet

3 min lukuaika

Tarina täyttää koko puhelimen näytön, ja Instagram asettaa oman käyttöliittymänsä ylä- ja alaosan päälle. Tässä koko, vapaana pidettävät alueet ja ohjeet niiden sisällä suunnitteluun.

Some

Instagram-tarinaideat: 12 suunnitelmaa, jotka pitävät katsojan mukana

4 min lukuaika

Tarinat ovat nopeita, henkilökohtaisia ja koko näytön kokoisia. Tässä kaksitoista ideaa, jotka antavat syyn jatkaa napauttamista, ja suunnittelun perusteet, joilla jokainen niistä toimii.

Typografia ja teksti

Tekstianimaatiot: nousu, ponnahdus, pyyhkäisy, kirjoituskone

4 min lukuaika

Et tarvitse viittäkymmentä tehostetta. Neljä hyvin valittua ja ajoitettua saapumistapaa hoitaa tarinat, Reels-videot, ilmoitukset ja sitaatit. Näin valitset oikean tilanteeseen.

Löydä ilme, joka on vain sinun.

Jokainen Mark on elävä tausta, jolla on yksi omistaja. Kokeile vapaata Markia ja lunasta omasi, kun se tuntuu oikealta.

Aloita suunnittelu

Tarkista sertifikaatti

Kirjoita sertifikaatin numero tai Markin koodi nähdäksesi, kuka sen omistaa.

Toimii ChatGPT:n ja Clauden kanssa

Pyydä tekoälyltäsi designia. Se tekee sen Markissasi, muokkausvalmiina.

ChatGPTClaude
Näin yhdistät

Tuote

  • Markkinat
  • Selaa
  • Hinnoittelu
  • Sertifikaatit

Opi

  • Suunnitteluopas
  • Ohjekeskus
  • Mitä uutta

Kehittäjille

  • Yleiskatsaus
  • ChatGPT ja Claude
  • API-viite
  • API-avaimet

Yritys

  • Tietoa meistä
  • Ota yhteyttä
  • Kirjaudu sisään

Juridiikka

  • Ehdot
  • Tietosuoja
  • Hyvitykset
  • Markin suoja
  • Evästeet
  • Kaikki käytännöt
Liiku kirjainten yli. Jokaisessa on oikea Mark.Kosketa kirjainta nähdäksesi sen Markin.Yksi nimi. Kymmenen Markia sen sisällä.
© 2026 Gradiently