Start a project

Kerros 04 · Luova

Animaatiot yrityksille. Ideat liikkeeseen.

Animaatio on tapa näyttää lyhyenä liikkuvana videona asiat, joita on vaikea kuvata, kuten ohjelmisto, data, prosessi tai brändi. yop tekee Tallinnassa animaatioita ja liikegrafiikkaa (motion graphics) selitysvideoihin, mainoksiin, someen, verkkosivuille ja esityksiin käsikirjoituksesta ja kuvakäsikirjoituksesta ääneen asti ja toimittaa jokaisen videon tarvitsemillasi kielillä.

Liike­grafiikka

Milloin animaatio on parempi kuin kuvaaminen?

Kun aihetta ei voi kuvata hyvin: näytöllä elävä ohjelmisto, palvelu ilman fyysistä tuotetta, data, joka pitää nähdä muotona, koneen sisällä tapahtuva prosessi tai idea, joka on vasta suunnitelma. Animaatio myös vanhenee hitaammin, sitä voi päivittää ilman uusia kuvauksia ja se kääntyy helposti, koska huulisynkkaa ei tarvita.

Motion graphics sijoittuu suunnittelun ja videon väliin. Se käyttää brändisi muotoja, kirjasimia ja värejä ja lisää ajoituksen, liikkeen ja äänen, jotta viesti menee perille sekunneissa. Samoista elementeistä syntyy sitten lyhyitä silmukoita verkkosivuille, somejulkaisuihin ja mainoksiin.

  • Selitysvideot. Miten tuotteesi tai palvelusi toimii, 60–90 sekunnissa.
  • Mainokset ja some. Lyhyet animoidut versiot maksettuun ja orgaaniseen näkyvyyteen.
  • Brändin liike. Logoanimaatio, siirtymät ja liiketyyli kaikkeen, mitä julkaiset.
  • Tuote- ja UI-animaatio. Ohjelmiston näkymät ja ominaisuudet selkeästi, ilman ruuduntallennuksen sotkua.

Mitä animoimme

Kuusi liikkuvan kuvan lajia.

01

Selitysvideot

Käsikirjoitus, selostus, kuvitus ja animaatio, jotka selittävät yhden tuotteen tai idean alusta loppuun.

02

Mainos­animaatiot

Lyhyet mainokset Metaan, YouTubeen ja LinkedIniin useina pituuksina ja formaatteina.

Avaa →
03

Logo- ja brändi­animaatio

Logosi ja brändin elementit herätetään eloon alkuihin, lopetuksiin ja verkkosivuille.

Avaa →
04

UI- ja tuote­animaatio

Ohjelmiston ominaisuudet ja sovelluksen polut animoituina oikeista suunnitelmista sivustoille, sovelluskauppoihin ja demoihin.

05

Data ja infografiikka

Luvut ja prosessit muutetaan liikkeeksi, jota ihmiset pystyvät seuraamaan.

06

Webin animaatiot

Kevyitä animoituja silmukoita ja kuvituksia etusivuille ja tuotesivuille, tehty latautumaan nopeasti.

Avaa →

Kokeile

Sanoista liikkeeksi.

Näin yksi kohtaus kulkee käsikirjoituksesta valmiiksi animaatioksi. Käy vaiheet läpi tai anna sen pyöriä.

Kohtaus 2 · ”Huomenna perillä”

Käsikirjoitus: sanat, selostus ja ääni tulevat ensin.

Näin se etenee

Viisi askelta ideasta liikkeeseen.

A01
01

Käsikirjoitus

Viesti, yleisö ja pituus sovitaan, sitten käsikirjoitus kirjoitetaan ja hyväksytään.

A02
02

Storyboard

Jokainen kohtaus luonnostellaan kuvakäsikirjoitukseen tekstin viereen, jotta koko videota voi arvioida ennen animointia.

A03
03

Tyylikuvat

Avainkuvat suunnitellaan brändisi mukaan, jotta ilme hyväksytään ennen kuin mikään liikkuu.

A04
04

Animaatio ja ääni

Animaatio, selostus, musiikki ja äänitehosteet, yksi muutoskierros mukana.

A05
05

Toimitus

Valmiit tiedostot kaikissa formaateissa ja kielillä sekä lyhyet versiot someen ja mainoksiin.

Sanasto

Animaation sanat selkokielellä.

Sanoja, joita tulee vastaan briiffeissä ja tarkastuksissa, selitettyinä lauseella tai kahdella.

Animatiikka
Kuvakäsikirjoitus ajoitettuna selostukseen, jotta videon rytmiä voi arvioida ennen animointia.
Avainkuva
Ajanhetki, jossa elementin sijainti, koko tai väri on lukittu. Ohjelma täyttää liikkeen kahden avainkuvan välillä.
Easing
Tapa, jolla liike kiihtyy ja pysähtyy. Hyvän easingin ansiosta animaatio tuntuu luonnolliselta eikä mekaaniselta.
Kineettinen typografia
Animoitu teksti, joka kantaa viestin yksin, usein silloin, kun selostusta ei ole.
Lottie
Tiedostomuoto, joka toistaa vektorianimaatiota verkkosivuilla ja sovelluksissa. Usein paljon kevyempi kuin videotiedosto.
Tyylikuva
Yksi valmis still-kuva kohtauksesta lopullisessa ilmeessä, hyväksytty ennen kuin animointi alkaa.

Sopiiko sinulle?

Milloin animaatio voittaa kameran.

Lyhyt tarkistus ennen kuin valitset kuvaamisen ja animoinnin välillä.

Sovimme sinulle, jos

  • Tuotteesi on ohjelmisto, palvelu tai prosessi, jota kukaan ei voi kuvata.
  • Haluat muuttaa videota myöhemmin ilman uusia kuvauksia.
  • Saman videon on toimittava usealla kielellä.
  • Viesti nojaa lukuihin tai dataan.

Emme sovi sinulle, jos

  • Ihmisten pitää nähdä oikeita kasvoja, paikkoja tai asiakkaita luottaakseen sinuun.
  • Tarina nojaa tunteeseen, jonka vain kameran edessä oleva ihminen voi kantaa.
  • Tarvitset jotain julkaistavaksi huomenna, eikä käsikirjoitusta ole vielä.

Vertailu

2D, 3D vai oikea kuvaus?

2D-liikegrafiikan, 3D-animaation ja kuvatun videon vertailu
2D-liikegrafiikan, 3D-animaation ja kuvatun videon vertailu2D-liikegrafiikka3D-animaatioKuvattu video
Sopii parhaitenSelitysvideot, UI, data, brändiTuotteet, tilat, mekanismitIhmiset, paikat, tunteet
Muutokset myöhemminHelppoaKohtalaistaVaatii uudet kuvaukset
KieliversiotHelppoaHelppoaTekstitys tai uudet kuvaukset
Suhteellinen hintaEdullisempiKalliimpiVaihtelee ryhmän ja paikan mukaan

Budjetti

Mikä ratkaisee animaation hinnan.

Jokainen projekti hinnoitellaan vaiheittain, kun briiffi on selvä. Pituus ja tyyli painavat eniten.

Suuri

Pituus

Jokainen lisäsekunti pitää suunnitella ja animoida, joten 30 sekunnin versio maksaa paljon vähemmän kuin kolmen minuutin video.

Suuri

2D vai 3D

3D vaatii mallit, materiaalit ja renderöintiaikaa. Useimmat selitysvideot ja käyttöliittymätarinat toimivat hyvin 2D:nä.

Kohtalainen

Kuvitustyyli

Tasaiset muodot ja teksti liikkuvat nopeasti; yksityiskohtaiset kuvitetut kohtaukset vievät enemmän aikaa piirtää ja animoida.

Kohtalainen

Ääni ja musiikki

Yksi ääni ja kirjastomusiikki ovat yksinkertaisia. Tilattu musiikki tai useat äänet ja kielet lisäävät kuluja.

Kohtalainen

Myöhäiset muutokset

Uusi käsikirjoitus kuvakäsikirjoituksen jälkeen tarkoittaa animaation tekemistä uudelleen, joten se hinnoitellaan erikseen.

Pieni

Formaatit ja kielet

Lisärajaukset ja kieliversiot käyttävät samoja kohtauksia, joten ne lisäävät kuluja vähemmän kuin moni odottaa.

Aikataulu

Mikä on animaatio­videon tyypillinen aikataulu?

60 sekunnin selitysvideo vie yleensä muutaman viikon hyväksytystä briiffistä valmiiseen tiedostoon, ja suurin osa ajasta kuluu käsikirjoitukseen, kuvakäsikirjoitukseen ja suunnitteluun. Yksinkertaiset mainosversiot ja logoanimaatiot valmistuvat nopeammin, 3D ja pitkät videot hitaammin. Aikataulu pitää, kun käsikirjoitus ja kuvakäsikirjoitus hyväksytään ajallaan.

yop antaa kiinteän hinnan vaiheittain briiffin jälkeen, joten kustannus tiedetään ennen animoinnin alkua. Muutokset hyväksytyn kuvakäsikirjoituksen jälkeen ovat mahdollisia, mutta ne hinnoitellaan erikseen, koska animaatiotyö tehdään silloin uudelleen.

Animaatiosi

Kerro, mitä on vaikea selittää.

Kahden arkipäivän kuluessa toinen perustajista vastaa ja kertoo, miten näyttäisimme sen 60 sekunnissa.

Kysymyksiä

Kysyttyä animaatiosta.

Mitä motion graphics eli liikegrafiikka tarkoittaa?

Motion graphics tarkoittaa animoitua grafiikkaa, josta tehdään lyhyitä videoita, kuten selitysvideoita, animoituja mainoksia, logoanimaatioita ja datan visualisointeja. Tekijä kirjoittaa, suunnittelee ja animoi ne, yleensä selostuksen, musiikin ja äänisuunnittelun kanssa.

Hinnan ratkaisevat pituus, tyyli ja monimutkaisuus. yop hinnoittelee animaatiotyön kiinteällä hinnalla vaiheittain briiffin jälkeen, käsikirjoituksesta lopulliseen toimitukseen.

60 sekunnin selitysvideo vie yleensä muutaman viikon briiffistä toimitukseen. Lyhyet mainokset valmistuvat nopeammin, 3D ja pidemmät työt vievät enemmän aikaa.

Onnistuu. 2D sopii useimpiin selitysvideoihin, käyttöliittymiin ja brändityöhön, 3D fyysisiin tuotteisiin ja mekanismeihin. Suosittelemme jompaakumpaa briiffin jälkeen.

Voi. Animaatio on helppo lokalisoida: uudet selostukset ja ruututekstit englanniksi, turkiksi, viroksi, saksaksi, suomeksi, ranskaksi, espanjaksi ja arabiaksi.

Yrityksesi omistaa valmiin videon ja saa projektitiedostot, joten sitä voi päivittää tai käyttää uudelleen myöhemmin.

Voi. Lyhyet silmukat voidaan toimittaa Lottie-tiedostoina tai pieninä pakattuina videoina, ja testaamme ne sivulla, jotta ne latautuvat nopeasti puhelimella.