Ruutuanimaatioiden luominen

Päivitetty viimeksi 4. joulukuuta 2025

Luo kuva kuvalta -animaatioita määrittämällä tasoille eri sijainnit, läpinäkyvyydet tai tyylit jokaiseen ruutuun Adobe Photoshopissa.

Photoshopin ruutuanimaatioiden avulla voit luoda yksinkertaista animoitua sisältöä rakentamalla ruutujen sarjan, jossa jokainen ruutu edustaa tasojen erilaista kokoonpanoa. Tämä tekniikka sopii erinomaisesti verkkosisällössä, sosiaalisen median julkaisuissa tai yksinkertaisissa liikegrafiikoissa käytettävien animoitujen GIF-tiedostojen luomiseen.

Ruutuanimaatiot näyttävät sarjan ruutuja järjestyksessä, mikä luo illuusion liikkeestä. Ruutuanimaatioissa voit hallita tarkasti jokaista yksittäistä ruutua toisin kuin aikajana-animaatioissa, joissa käytetään avainruutuja ja automaattista interpolointia. Tämä työnkulku sopii parhaiten yksinkertaisiin animaatioihin, joissa on selkeät vaiheet eikä monimutkaisia ja sulavia liikkeitä.

Avaa Aikajana- ja Tasot-paneelit valitsemalla Ikkuna > Aikajana ja Ikkuna > Tasot.

Valitse Aikajana-paneelin keskellä oleva alanuolikuvake ja valitse Luo ruutuanimaatio.

Lisää uusi taso tai muunna taustataso tavalliseksi tasoksi.

Lisää animaatioon sisältö. Jos animaatioon kuuluu useita erikseen liikkuvia objekteja tai jos haluat vaihtaa ruutujen väriä tai sisältöä, luo objektit erillisille tasoille.

Lisää uusi ruutu valitsemalla Monista valitut ruudut -kuvake Aikajana-paneelin alareunasta.

Valitse uusi ruutu Aikajana-paneelissa ja muokkaa ruudun tasoja Tasot-paneelissa. Voit kytkeä eri tasojen näkyvyyden päälle tai pois, muuttaa tasojen sijainteja, säätää läpinäkyvyyttä häivytystehosteiden luomiseksi tai muokata tasotyylejä.

Jatka ruutujen lisäämistä ja tasojen muokkaamista tarpeen mukaan. Lisää niin monta ruutua kuin animaatiosi vaatii. Ruutujen määrää rajoittaa vain järjestelmäsi käytettävissä oleva muisti.

Aseta aika jokaiselle ruudulle valitsemalla viive (näkyy kunkin ruudun alla) ja valitse kesto avattavasta valikosta.

Määritä toistoasetukset valitsemalla Kerran, Jatkuvasti tai Muu avattavasta Valitse toistoasetukset -valikosta Aikajana-paneelin alareunassa.

Valitse Toista   -kuvake Aikajana-paneelista esikatsellaksesi animaatiotasi.