---
title: "Liikegrafiikan esimerkit: tekoälyavusteiset videot sen mukaan, mitä ne tekevät"
description: "Liikegrafiikan esimerkit tehtävän mukaan: julkaisufilmit, tuotenäkymät, kinetic type, datatarinat, selitysvideot ja logopaljastukset, kukin nimetyltä tekijältä."
robots: "index, follow"
canonical: "https://potto.ai/fi/blog/motion-graphics-examples"
markdown: "https://potto.ai/fi/blog/motion-graphics-examples.md"
author: "Potto AI Team"
category: "Motion graphics"
datePublished: "2026-10-12T00:00:00.000Z"
language: "fi"
dateModified: "2026-10-12T10:46:16.148Z"
---

# Liikegrafiikan esimerkit: tekoälyavusteiset videot sen mukaan, mitä ne tekevät

Hyödyllisimmät liikegrafiikan esimerkit järjestetään sen mukaan, minkä tehtävän video hoitaa, ei visuaalisen tyylin mukaan: julkaisufilmi, animoitu tuotenäkymä, kinetic type -reel, datatarina, selitysvideo tai logopaljastus. Jokaisella tehtävällä on oma kesto, oma kuvasuhde ja oma ideoiden järjestys, joten "hyvä esimerkki" auttaa vain, jos se on oikeanlainen esimerkki. Tämä opas valitsee 21 liikegrafiikan esimerkkiä Potton [AI motion graphics -videoiden](/videos) kirjastosta, jakaa ne kuuteen tehtävään ja kertoo jokaisesta tekijän, keston, kuvasuhteen ja sen, mihin kannattaa kiinnittää huomiota.

Yksi asia ensin: **yksikään näistä videoista ei ole Potton tekemä.** Ne ovat tehneet ja julkaisseet itsenäiset tekijät, jotka mainitaan alla X-tunnuksellaan. Potto kokoaa ne, jotta voit katsoa ne, lukea promptin silloin kun tekijä on jakanut sen, ja aloittaa oman videon ideasta. Kuvaukset käyttävät vain kunkin videon otsikkoa ja sivun tietoja (tekijä, luokka, kesto, suhde, työkalut), koska tavoitteena on auttaa valitsemaan, mitä tutkit, ei arvostella muiden töitä. Kaikki Potton omasta työkalusta tulee tuotteesta sellaisena kuin se toimii tänään.

## Mikä lasketaan liikegrafiikaksi

![Kuusi motion graphics -tyyppiä: lanseeraus, tuotenäkymät, kineettinen typografia, datatarina, selitysvideo ja logon paljastus](https://potto.ai/blog/motion-graphics-examples/fi/motion-graphics-types.webp#1200x800)

Liikegrafiikka on graafista suunnittelua liikkeessä: tekstiä, muotoja, kuvakkeita, kaavioita ja kuvia, jotka liikkuvat selittääkseen jotain, ilmoittaakseen jotain tai antaakseen brändille ilmeen. Adoben liikegrafiikan opas määrittelee ne sanoilla "graphics with movement" ja kutsuu niitä ilmauksella "shorter pieces of animation that entertain or impart information", erotuksena pitkistä animaatioelokuvista, joissa on hahmoja ja juoni. Wikipedian artikkeli aiheesta [motion graphic design](https://en.wikipedia.org/wiki/Motion_graphic_design) sanoo, että motion design liitetään tyypillisesti abstraktien kohteiden, tekstin ja muiden graafisen suunnittelun elementtien saattamiseen liikkeeseen.

Yhdessä lähteet nimeävät paikat, joissa työ näkyy: elokuvan ja television alkutekstit, lähetys- ja uutisgrafiikka, mainonta ja brändäys, animoitu typografia, käyttöliittymäsuunnittelu sekä selitys- ja mainosvideot. Lista on järjestetty toimialoittain. Tämä opas järjestää tehtävän mukaan, koska videota tehdessä kysymys on "mitä yritän saada perille?" eikä "mikä toimiala tämä on?". Alla olevat kuusi tehtävää vastaavat kirjaston luokkia ja kattavat suurimman osan siitä, mitä yritys tai tekijä oikeasti tarvitsee.

| Tehtävä | Mitä se tekee | Tyypillinen kysymys, johon se vastaa |
| --- | --- | --- |
| Launch | Ilmoittaa tuotteesta tai julkaisusta | Mikä on uutta ja miksi minun pitäisi välittää? |
| Product screens | Animoitu käyttöliittymä | Miltä tuote näyttää ja miten se toimii? |
| Kinetic type | Sanat pääkuvana | Mikä lause minun pitäisi muistaa? |
| Data story | Saa luvun tai trendin perille | Mikä muuttui, ja kuinka paljon? |
| Explainer | Opettaa idean vaiheittain | Miten tämä toimii? |
| Logo animation | Paljastaa brändimerkin | Kuka tämän teki? |

## Miten 21 esimerkkiä valittiin

Kirjasto on suuri ja kasvaa edelleen, joten tämä opas ei siteeraa kokonaismääriä; sivu näyttää aina senhetkiset luvut. Esimerkkien valintaan opas käytti neljää suodatinta. Jokaisella työllä on oltava nimetty tekijä, kirjattu kesto ja kuvasuhde, toimiva video ja otsikko, joka kertoo mistä video kertoo. Kunkin tehtävän sisällä etusijalla olivat työt, jotka vaihtelevat kestoltaan, suhteeltaan ja työkaluiltaan, jotta näet hajonnan etkä yhtä toistuvaa kaavaa.

Kaksi faktaa koko kirjastosta on hyvä tietää ennen esimerkkejä. Ne tulevat kirjaston tiedoista sellaisina kuin ne tarkistettiin 2026-10-12, ja ne liikkuvat, kun töitä lisätään:

- **Useimmat työt ovat 16:9.** Noin neljä viidestä työstä on 16:9, noin yksi kahdeksasta on 9:16 ja loput ovat 1:1. Jokainen alla oleva tehtävä noudattaa samaa vinoumaa, ja se vastaa sitä, missä ihmiset katsovat: verkkosivut, esitykset ja X.
- **Kesto riippuu tehtävästä.** Mediaani on noin 9 sekuntia logo animationille, 15 kinetic typelle, 30 launchille, 35 data storylle, 36 product screensille ja 60 explainerille. Tehtäväkohtaiset mediaanit ovat kussakin osiossa.

21 työtä on omissa osioissaan alla, kukin linkitetty sivulleen, jossa sen voi toistaa. Jokaisesta työstä opas antaa tekijän X-tunnuksen, keston, suhteen, työkalut silloin kun sivu luettelee ne, ja sen, jakoiko tekijä promptin. "Promptti jaettu" tarkoittaa, että tekijä julkaisi promptin työn sivulla, jotta voit lukea sen ennen kuin päätät käyttää sitä uudelleen.

## Julkaisufilmien esimerkit

![Esimerkki lanseerausvideosta: tuotekortti liukuu kuvaan, aikajanalla koukku, ominaisuus, todiste ja CTA](https://potto.ai/blog/motion-graphics-examples/fi/launch-video-example.webp#1200x800)

Julkaisufilmi ilmoittaa jostain ja pyytää katsojaa muistamaan yhden asian: nimen. Kirjaston [launch videos](/videos/launch) -töissä mediaanikesto on 30 sekuntia, ja noin puolet on 30 sekuntia tai lyhyempiä. Luokassa on myös laajin kuvasuhteiden hajonta: noin yksi viidestä on 9:16 puhelimille.

- **[Reddit marketing tool launch video](/videos/reddit-marketing-tool-launch-video)**, tekijä @anthonyriera, kestää 52,8 sekuntia suhteessa 16:9. Sivu mainitsee työkaluksi Remotionin, saman renderöintimoottorin jota Potto käyttää, joten se on hyödyllinen viite siihen, mitä koodilla rakennettu julkaisufilmi voi sisältää lähes minuutin mittaisena.
- **[TypingMind showreel announces team features](/videos/typingmind-showreel-announces-team-features)**, tekijä @ann_nnng, on 15,0 sekuntia suhteessa 16:9, tehty canvasilla, ja tekijä jakoi promptin. Otsikko nimeää sisällön, team features, ja muodon, showreelin.
- **[CodePilot promo floats 17 model-provider logos](/videos/codepilot-promo-floats-model-provider-logos)**, tekijä @op7418, kestää 50,0 sekuntia suhteessa 16:9. Otsikko on itsessään tarkka brief: yksi toistuva visuaalinen keino, 17 logoa, 50 sekunnin kellossa.

**Mihin kiinnität huomiota.** Toista julkaisufilmi kerran ilman ääntä ja merkitse sekunti, jolloin tuotenimi näkyy ensimmäisen kerran. Laske sitten, montako erillistä väitettä filmi esittää. Yllä olevat esimerkit viittaavat sääntöön, joka pitää koko luokassa: mitä lyhyempi filmi, sitä vähemmän väitteitä. 15 sekunnin filmi kantaa yhden idean ja nimen; 50 sekunnin filmissä on tilaa ongelmalle, muutamalle ominaisuudelle ja loppulauseelle.

**Lainaa se Pottolla.** Potton [tuotevideo](/fi/product-video) -työkalu rakentaa julkaisufilmejä kuvauksesta tai linkistä. Hyvin toimiva brief nimeää yleisön, keston ja biitit:

> Julkaisufilmi kuvitteelliselle budjettisovellukselle nimeltä Ledgerly, 30 sekuntia, 16:9. Avaa kulujen seurannan ongelmalla taulukoissa, näytä kolme ominaisuutta, päätä sovelluksen nimeen ja toimintokehotukseen.

## Tuotenäkymien esimerkit

![Esimerkki tuotenäkymän animaatiosta: zoomaus kojelaudan painikkeeseen ja puhelimen mockup](https://potto.ai/blog/motion-graphics-examples/fi/product-screen-animation-example.webp#1200x800)

[Product screens](/videos/product-screens) -animaatio näyttää käyttöliittymän tekemässä jotain: lista järjestää itsensä, koontinäyttö täyttyy, puhelin käy läpi flown. Luokan mediaanikesto on 36 sekuntia, mutta töiden keskimmäinen puolisko kulkee noin 24 sekunnista noin 67 sekuntiin, joten tämä on kuudesta vaihtelevin. Tässä 9:16- ja 1:1-esimerkit ovat myös hyödyllisimpiä, koska sovelluksen kulku näytetään usein puhelimella.

- **[Mac app onboarding sorts messages into one calm list](/videos/mac-app-onboarding-sorts-messages-into-one-calm-list)**, tekijä @dhruvalgolakiya, on 13,4 sekuntia suhteessa 16:9. Otsikko nimeää yhden muutoksen, viestit yhdeksi listaksi, ja kesto jättää tilaa juuri sille.
- **[Write, approve, publish flow animates a post scheduler](/videos/write-approve-publish-flow-animates-a-post-scheduler)**, tekijä @condzxyz, on 15,0 sekuntia suhteessa 16:9. Otsikko on rakenne: kolme verbiä, järjestyksessä.
- **[Dark sales dashboard with a pixel-grid revenue chart](/videos/dark-sales-dashboard-with-a-pixel-grid-revenue-chart)**, tekijä @salungprastyo, kestää 33,1 sekuntia suhteessa 16:9, ja esillä oleva elementti on liikevaihtokaavio.
- **[Phone mockup walks through a four-step networking app flow](/videos/phone-mockup-walks-through-a-four-step-networking-app-flow)**, tekijä @astroboysoup, on 15,0 sekuntia suhteessa 9:16. Neljä vaihetta 15 sekunnissa, pystysuorassa muodossa.
- **[Sixteen UI motion studies laid out in a four-by-four grid](/videos/sixteen-ui-motion-studies-laid-out-in-a-four-by-four-grid)**, tekijä @charliejhills, on 8,0 sekuntia suhteessa 1:1, ainoa neliöesimerkki tässä: ruudukko näyttää monta pientä liikettä yhtä aikaa yhden suuren flown sijaan.

**Mihin kiinnität huomiota.** Pysäytä ensimmäiseen ruutuun, jossa käyttöliittymä näkyy, ja kysy, mihin katsojan on tarkoitus katsoa. Katso sitten, kuinka kauan kukin tila pysyy ruudulla. Tuotenäkymän animaatio epäonnistuu, kun ruutu vaihtuu ennen kuin silmä on löytänyt muutoksen. Siksi lyhimmät esimerkit tässä näyttävät yhden muutoksen ja pidemmät ryhmittelevät tilansa vaiheiksi.

**Lainaa se Pottolla.** [Tuote-esittelyvideo](/fi/product-demo-video) alkaa kuvakaappauksista, jotka lataat, enintään kahdeksan kuvaa, dokumenttia tai äänitiedostoa projektia kohti. Kuvakaappauskohtaukset zoomaavat ja seuraavat kursorin polkua, ja jokaisessa kohtauksessa voi olla kuvateksti, joten tavallinen brief on vaiheiden lista:

> Tuotedemo kuvitteelliselle laskutussovellukselle, 30 sekuntia, 16:9. Käytä kolmea kuvakaappaustani: luo lasku, lähetä se, näe se maksettuna. Yksi lyhyt kuvateksti kuvakaappausta kohti, lopetus sovelluksen nimeen.

## Kinetic typen esimerkit

![Esimerkki kineettisestä typografiasta: sanat Write, Move ja Ship liikkuvat videoruudussa](https://potto.ai/blog/motion-graphics-examples/fi/kinetic-typography-example.webp#1200x800)

[Kinetic type](/videos/kinetic-type) laittaa sanat liikkeeseen pääkuvana. Se on tekstivetoisista tehtävistä lyhin: mediaani on noin 15 sekuntia, ja noin seitsemän kymmenestä työstä kestää 30 sekuntia tai vähemmän. Koska merkitystä ei kanna käyttöliittymä eikä kaavio, tekstin on kannettava se.

- **[Bold WAVE letters ripple in a 128 BPM kinetic-type reel](/videos/bold-wave-letters-ripple-in-a-bpm-kinetic-type-reel)**, tekijä @kiyoshi_shin, on 15,0 sekuntia suhteessa 16:9. Otsikko antaa tempon, 128 BPM, joten liike on ajoitettu biittiin.
- **[Showreel opens on a bold Decision title card](/videos/showreel-opens-on-a-bold-decision-title-card)**, tekijä @kenn, on 15,0 sekuntia suhteessa 16:9, ja tekijä jakoi promptin. Se on typografian showreel, joten otsikkokortti on avaussiirto.
- **[Slanted credit names glide over an orange grid](/videos/slanted-credit-names-glide-over-an-orange-grid)**, tekijä @goodside, kestää 75,0 sekuntia suhteessa 16:9, ja promptti on jaettu. Tuolla kestolla toistuva keino on nimilista, joka liikkuu yhden taustan päällä.
- **[Chapter-titled kinetic type reel on Indian civilization](/videos/chapter-titled-kinetic-type-reel-on-indian-civilization)**, tekijä @rashem48, on 76,1 sekuntia suhteessa 16:9. Lukuotsikot jakavat reelin osiin, ja näin pidempi tyyppiteos pitää muotonsa.

**Mihin kiinnität huomiota.** Mykistä video ja lue se. Kinetic typen pitää toimia tekstinä: jos lauseet ovat heikkoja, liike ei pelasta niitä. Avaa ääni ja tarkista, seuraako kunkin sanan ajoitus ääntä. Kaksi 15 sekunnin esimerkkiä sitoo liikkeen otsikkokorttiin tai tempoon, kun taas kaksi 75 sekunnin esimerkkiä nojaa rakenteeseen, lopputekstilistaan ja lukuotsikoihin, pitääkseen huomion.

**Lainaa se Pottolla.** Potton tekstikohtaukset rakentuvat vihjeestä, ja lainaus-, otsikko- ja listakohtaukset kantavat lyhyitä rivejä. Se ei tarjoa vapaata kirjainanimaatiota, joten 128 BPM:n aaltoilu on sen renderöinnin ulkopuolella. Sen vahvuus on lyhyt käsikirjoitus, jossa jokainen rivi saa oman ruutunsa:

> Kinetic text video, 15 sekuntia, 16:9, tyyli Bold Pop. Viisi lyhyttä riviä, yksi ruutua kohti, tiimistä joka julkaisee joka perjantai. Päätä riviin "Ship it."

## Datatarinoiden esimerkit

Datatarina saa yhden luvun tai yhden trendin perille. Kirjaston [data story videos](/videos/data-story) -töissä mediaani on noin 35 sekuntia, ja hajonta on laaja, 15 sekunnista reilusti yli minuuttiin. Luokka kuuluu pienimpiin, mikä tekee näistä hyvän paikan tutkia jokaista esimerkkiä.

- **[Agency reel shows +84% Google traffic for a client](/videos/agency-reel-shows-google-traffic-for-a-client)**, tekijä @baptistelcx, kestää 77,8 sekuntia suhteessa 16:9. Tulos, +84%, on otsikossa, joten videolla on yksi luku, jota kohti rakentaa.
- **[LLM release timeline tracks 2026 models month by month](/videos/llm-release-timeline-tracks-models-month-by-month)**, tekijä @nummanali, on 62,1 sekuntia suhteessa 16:9, tehty canvasilla, ja promptti on jaettu. Sivu kuvaa canvas-animaatiota, joka käy vuoden 2026 läpi kuukausi kerrallaan, joten aika on akseli.
- **[Giant '148' over a wall of unanswered support tickets](/videos/giant-over-a-wall-of-unanswered-support-tickets)**, tekijä @euboid, on pisin esimerkki tässä, 114,0 sekuntia suhteessa 16:9. Otsikko on yksi valtava luku sitä vasten, mitä se laskee.

**Mihin kiinnität huomiota.** Etsi se yksi luku, jonka video haluaa sinun muistavan, ja tarkista sitten, miten video ansaitsee sen: mitä tulee ennen, ja mitä näytetään jälkeen. Kolme esimerkkiä käyttää kolmea eri keinoa samaan tehtävään. Yksi ilmoittaa tuloksen, yksi käy aikajanan ja yksi yhdistää luvun kuvaan siitä, mitä se mittaa.

**Lainaa se Pottolla.** Tilastokohtaukset näyttävät yhden suuren luvun, ja kaaviokohtaukset piirtävät palkki- tai donitsikaavioita, joissa on kolmesta kuuteen arvoa ja jotka laskevat ylöspäin. Jos kirjoitat luvut briefiin, video käyttää ne sellaisina kuin ne on kirjoitettu, joten tarkista jokainen luku lähdettäsi vasten ennen vientiä. Sivu [animoitu kaavio](/fi/animated-chart) kokoaa lisää näitä:

> Datatarina, 30 sekuntia, 16:9. Kuvitteellisen kahvilan keskimääräiset kupit päivässä nousivat 120:stä kesäkuussa 190:een syyskuussa. Avaa kysymyksellä, näytä neljä kuukautta palkkikaaviona, päätä 58 prosentin nousuun.

## Selitysvideoiden esimerkit

Selitysvideo opettaa idean vaiheittain. Se on kuudesta pisin: mediaanikesto on 60 sekuntia, ja vain noin yksi viidestä kestää 30 sekuntia tai vähemmän. Kirjaston [explainer videos](/videos/explainer) -töissä on myös laajin käsittelyjen kirjo, pikselitaiteesta käsin piirrettyihin valkotauluihin.

- **[Pixel-art neural network learning to read a handwritten 2](/videos/pixel-art-neural-network-learning-to-read-a-handwritten)**, tekijä @DotCSV, on 56,0 sekuntia suhteessa 16:9. Otsikko valitsee yhden pienen, konkreettisen tehtävän, yhden numeron lukemisen, edustamaan suurta ideaa.
- **[Hand-drawn whiteboard walkthrough of Muse onboarding](/videos/hand-drawn-whiteboard-walkthrough-of-muse-onboarding)**, tekijä @0xlangeai, on 56,0 sekuntia suhteessa 16:9, tehty SVG:llä ja CSS-animaatiolla. Valkotaulun ilme sopii vaihe vaiheelta etenevään läpikäyntiin.
- **[Kinetic word cloud pitches an AI inference startup](/videos/kinetic-word-cloud-pitches-an-ai-inference-startup)**, tekijä @deedydas, on 26,0 sekuntia suhteessa 16:9, tehty SVG:llä ja GSAP:lla, ja promptti on jaettu. Se on lyhin selitysvideo tässä ja puristaa pitchin yhteen liikkuvaan keinoon.

**Mihin kiinnität huomiota.** Selitysvideon pitää läpäistä lausetesti: voitko yhden katselun jälkeen sanoa idean yhdellä lauseella? Katso hetkeä, jolloin ongelma kääntyy ratkaisuksi, ja laske vaiheet siitä hetkestä loppuun. Kaksi kolmesta esimerkistä tarttuu yhteen pieneen, konkreettiseen aiheeseen (numero, onboarding-flow) ja antaa sen kantaa koko opetuksen.

**Lainaa se Pottolla.** Useimpien selitysvideoiden rakenne on ongelma, ratkaisu, miten se toimii ja seuraava askel. Opas aiheesta [mikä selitysvideo on](/fi/blog/what-is-an-explainer-video) käy sen läpi tarkemmin, ja [12 selitysvideoesimerkkiä](/fi/blog/explainer-video-examples) purkaa sen kohtausten järjestyksen mukaan.

Potton [selitysvideo](/fi/explainer-video) -työkalu voi alkaa aiheesta, linkistä tai dokumentista, kuten PDF:stä. Käsin piirrettyä tai valkotaulutyyliä ei ole: kaksitoista sisäänrakennettua tyyliä ovat Clean Modern, Midnight Tech, Editorial Paper, Bold Pop, Blueprint, Warm Organic, Neon Night, Soft Pastel, Mono Minimal, Sunset Gradient, Studio Noir ja Fresh Mint.

## Logoanimaation esimerkit

Logopaljastus on lyhin tehtävä: mediaanikesto kirjastossa on alle 9 sekuntia, ja esimerkit tässä kulkevat 8,7 sekunnista 21,0 sekuntiin. Katsottavaa on yksi asia, joten video kertoo enimmäkseen ajoituksesta ja liikkeen muodosta.

- **[TypingMind logo reveal](/videos/typingmind-logo-reveal)**, tekijä @tdinh_me, kestää 21,0 sekuntia suhteessa 16:9, ja promptti on jaettu. Sivu kuvaa hidasta paljastusta, jossa merkki kokoontuu vähitellen.
- **[Clean white logo reveal for founder.page's launch video](/videos/clean-white-logo-reveal-for-founder-pages-launch-video)**, tekijä @RatheeJaisal, on 20,0 sekuntia suhteessa 16:9, tehty canvasilla ja SVG:llä, ja promptti on jaettu. Otsikko sitoo sen julkaisuvideoon.
- **[Green dot morphs into the GLEA logo with elastic easing](/videos/green-dot-morphs-into-the-glea-logo-with-elastic-easing)**, tekijä @mr_igor_sanz, on 8,7 sekuntia suhteessa 9:16, ja promptti on jaettu. Liike on nimetty otsikossa: pisteestä tulee merkki, elastic easingillä.

**Mihin kiinnität huomiota.** Katso viimeistä ruutua. Logopaljastus onnistuu, jos lopullinen merkki on puhdas, keskitetty ja luettavissa riittävän kauan rekisteröityäkseen, ja sitä edeltävä liike antaa merkille persoonan. 8,7 sekunnin esimerkki näyttää, kuinka paljon yksi liike, yksi muoto muuttumassa toiseksi, voi tehdä.

**Lainaa se Pottolla.** Potton lopettava toimintokehotuskohtaus voi päättää videon logoosi, ja kirjaston luokka [logo animation](/videos/logo-animation) on paikka tutkia erillisiä paljastuksia. Potto renderöi kiinteästä kohtaustyyppien ja tyylien joukosta, ilman omaa animaatiokoodia, joten tietty easing-käyrä, kuten yllä oleva elastinen morph, on tutkittavaa eikä jotain, jota kopioidaan täsmälleen.

## Tee oma versio

Sinulla on kolme reittiä tällaiseen videoon. Kirjoita koodi itse, pyydä koodausagenttia kirjoittamaan se, tai kuvaile video työkalulle, joka renderöi sen puolestasi.

Monet kirjaston tekijät rakentavat koodilla. [Remotion](https://www.remotion.dev/docs/ai/skills), renderöintimoottori jota Potto käyttää, kuvaa itseään tapana luoda videoita ja motion graphicsia Reactilla, ja se julkaisee agent skills -taitoja, jotta koodausagentit voivat työskennellä sen kanssa. Potton [skills](/skills)-sivu kokoaa ilmaisia agent skills -taitoja kolmansien osapuolten tekijöiltä, ja voit asentaa ne agenttiin, joka lukee SKILL.md-tiedostoja; ne ajetaan omassa agentissasi omalla mallillasi.

Anthropicin Claude Motion, joka julkistettiin 8. lokakuuta 2026 ja on beetana Team- ja Enterprise-paketeissa tilanteessa 2026-10-12, animoi tekstiä, kaavioita, muotoja ja kuvia promptista ja vie MP4:n. **Potto ei ole Claude Motion, eikä sillä ole virallista suhdetta Anthropiciin.** Kirjoitus [Claude Motionin vaihtoehdoista](/fi/blog/claude-motion-alternative) vertaa reittejä faktoilla, jotka voit tarkistaa.

Kuvausreitti on Potton [AI motion graphics](/fi/ai-motion-graphics) -työkalu. Annat sille promptin, julkisen linkin tai dokumentin. Claude Opus 5.5 kirjoittaa briefin, käsikirjoituksen ja storyboardin, ja Remotion renderöi kohtaukset MP4:ksi voiceoverilla, kuvateksteillä ja musiikilla, suhteessa 16:9, 9:16 tai 1:1. Voit muokata storyboardia ruutu ruudulta tai pyytää muutosta chatissa. Kirjastosivuilla videolla, jolla on jaettu promptti, on Use this prompt -painike, joka lähettää sen Potton videontekijään. Tulos on Potton oma versio, omine kohtaustyyppeineen ja tyyleineen, joten se ei vastaa alkuperäistä; käsittele alkuperäistä viitteenä idealle, rytmille ja ilmeelle.

Esikatselut ja storyboardit eivät maksa mitään; creditit veloitetaan viennissä, ja summa näytetään ennen vahvistusta (katso [hinnat](/fi/pricing)). Potto ei luo live-action-kuvaa, avatareja eikä ihmisiä, eikä se muokkaa videota, joka sinulla jo on.

## FAQs

### Mitä liikegrafiikan tyyppejä on?

Liikegrafiikan tyypit ryhmitellään yleensä sen mukaan, missä ne esiintyvät: elokuvan ja television alkutekstijaksot, lähetys- ja uutisgrafiikka, mainonta ja brändäys, kinetic typography, käyttöliittymäanimaatio sekä selitys- tai mainosvideot. Tämä opas järjestää ne sen sijaan tehtävän mukaan: julkaisufilmit, tuotenäkymät, kinetic type, datatarinat, selitysvideot ja logoanimaatiot. Wikipedian artikkeli motion graphic designista erottaa myös selittävän, tunteellisen ja mainostavan grafiikan sen mukaan, onko tavoite selventää, herättää tunne vai lisätä tietoisuutta.

### Mitä pidetään liikegrafiikkana?

Liikegrafiikka on animoitua graafista suunnittelua: tekstiä, muotoja, kuvakkeita, kaavioita ja kuvia liikkeessä tiedottamaan, markkinoimaan tai brändäämään. Adobe määrittelee ne sanoilla "graphics with movement" ja kuvaa niitä lyhyemmiksi animaation paloiksi, jotka viihdyttävät tai välittävät tietoa. Video, joka animoi tuotekuvakaappauksen, palkkikaavion tai logon, on liikegrafiikkaa. Pitkää animaatioelokuvaa, jossa on hahmoja ja juoni, kutsutaan yleensä animaatioksi.

### Mitä eroa on liikegrafiikalla ja animaatiolla?

Liikegrafiikka liikuttaa graafisen suunnittelun elementtejä, kuten typografiaa, muotoja ja kaavioita, yleensä välittääkseen tietoa lyhyessä palassa, kun taas animaatio laajemmin kertoo tarinoita hahmoilla ja juonilla. Nämä kaksi limittyvät, joten raja on enemmän tarkoitus ja mittakaava kuin tekniikka. Adoben opas vetää rajan keston ja tarkoituksen mukaan: liikegrafiikka on lyhyempiä paloja, jotka viihdyttävät tai välittävät tietoa.

### Kuinka pitkä liikegrafiikkavideon pitäisi olla?

Se riippuu tehtävästä. Potton kirjastossa tilanteessa 2026-10-12 mediaanikesto on noin 9 sekuntia logo animationille, 15 kinetic typelle, 30 launch-videoille, 35 datatarinoille, 36 tuotenäkymille ja 60 selitysvideoille. Sovita kesto ideoiden määrään: yksi idea mahtuu 15 sekuntiin, ja ongelma, kolme ominaisuutta ja loppulause mahtuvat 30–45 sekuntiin. Potton kestoasetukset ovat 15, 30, 45, 60 ja 90 sekuntia.

### Onko tämän oppaan videot tehty Pottolla?

Ei. Ne ovat tehneet itsenäiset tekijät, ja kukin on merkitty tekijälleen X-tunnuksella. Potto ei väitä niitä omaksi työkseen. Ne ovat mukana viitteinä, ja kunkin työn sivu linkittää alkuperäiseen julkaisuun silloin kun sellainen on saatavilla.

### Voinko tehdä tällaista liikegrafiikkaa Pottolla?

Kyllä, niihin liikegrafiikan lajeihin, joita Potto tarjoaa: julkaisufilmeihin, tuotenäkymiin, tekstivetoisiin videoihin, datatarinoihin ja selitysvideoihin, jotka rakentuvat sen yhdestätoista kohtaustyypistä, kahdestatoista tyylistä ja omista brändiväreistäsi. Potto renderöi oman versionsa promptistasi, joten tulos ei kopioi alkuperäistä, eikä se tue omaa animaatiokoodia, käsin piirrettyjä tyylejä tai vapaata kirjainanimaatiota.

## Lähteet

Kaikki sivut on tarkistettu 2026-10-12.

- Adobe, "What Is Motion Graphics? A Complete Guide" (määritelmä "graphics with movement", "shorter pieces of animation that entertain or impart information", käyttökohteet): [https://www.adobe.com/uk/creativecloud/animation/discover/motion-graphics.html](https://www.adobe.com/uk/creativecloud/animation/discover/motion-graphics.html) (tarkistettu 2026-10-12)
- Wikipedia, "Motion graphic design" (määritelmä, käyttökohteet, selittävä, tunteellinen ja mainostava grafiikka): [https://en.wikipedia.org/wiki/Motion_graphic_design](https://en.wikipedia.org/wiki/Motion_graphic_design) (tarkistettu 2026-10-12)
- Remotion, agent skills -dokumentaatio (mitä taidot kattavat ja miten ne asennetaan): [https://www.remotion.dev/docs/ai/skills](https://www.remotion.dev/docs/ai/skills) (tarkistettu 2026-10-12)
- Remotionin etusivu ("Create videos and motion graphics with React"): [https://www.remotion.dev/](https://www.remotion.dev/) (tarkistettu 2026-10-12)
- Anthropic, "Dashboards and Motion" (Claude Motion, julkaistu 8. lokakuuta 2026; beeta Team- ja Enterprise-paketeissa; MP4-lataus): [https://claude.com/resources/articles/dashboards-and-motion](https://claude.com/resources/articles/dashboards-and-motion) (tarkistettu 2026-10-12)
- Potto AI -sivut 21 työlle, niiden tekijöille, kestoille, suhteille ja jaetuille prompteille, sekä kirjaston luokkakohtaisille mediaaneille (tarkistettu 2026-10-12)