Photoshop elements ja Animoitu GIF

Photoshop elementsillä yllättäen voi tehdä animoituja GIF kuvia vaikkakin ominaisuus on “piilotettu” melkoisen hyvin. Tai paikkaan, josta sitä ei äkkiseltään osaa etsiä.

Teen tässä esimerkkinä yhden lyhyen tekstianimoinnin, joka käsittää 3 eri framea, jotka vaihtuvat sekunnin välein.

Luo ensin kuva-ala, esim 400×100 pikseliä.

Luo taustatasoon (Background Layeriin) ensimmäinen teksti.
Teksti tulee uuteen tasoon, joten yhdistä teksti taustatasoon käyttämällä Layers -> merge työkalua, jotta saadaan taustatason pois, joka on siis valkoinen “tyhjä” taso.

Luo uusi taso, johon kirjoitat toisen tekstin (Frame 2)
Luo kolmas taso (frame 3) johon kirjoitat taas uuden tekstin.
Tasoja voit luoda lisää niin paljon kuin haluat

Alla kuva, jossa kolmen tason tekstit päällekkäin. Jokainen taso siis on tulevassa GIF animaatiossa oma kuva (frame).

Sekasotku

Kuvassa on siis kolme tasoa, joissa lukee (Taso 1) Petteri (Taso 2) Hongiston (Taso 3) Kotisivu.

Seuraavaksi luodaan tasoista animaatio.

Valitse ylävalikosta File -> Save for web jolloin avautuu uusi ikkuna.
Oletusasetuksilla animaatio ei vielä toimi, joten hieman muutoksia tarvitaan.

Animaation asetukset

Käytin itse seuraavia asetuksia.
Eli muutettavia asioita on:
1. Ruksita kohta animate.
2. Valitse Selective alasvetolaatikosta.
3. Jos haluat animaation olevan jatkuva, niin ruksita kohta Loop
4. Aseta haluttu aika, minkä välein tasot vaihtuvat. (Frame Delay)
5. Lopuksi klikkaa OK painiketta ja tallenna tiedosto GIF muodossa haluamaasi paikkaan.

Ylläolevien ohjeiden mukaisesti tehtynä lopputulos näyttää tältä.

Animoitu GIF

Leave a Reply

Your email address will not be published. Required fields are marked *

*