Animoidut kuvat ovat melko omaperäinen ratkaisu, joka esimerkiksi voi houkutella lisää kävijöitä sivustoosi. Tällaisen temppun tekeminen ei ole vaikeaa; riittää, että käytetään tunnettua grafiikkaeditoria Adobe Photoshopia tai muuta vastaavanlaista ohjelmaa.
Asenna ja käynnistä Adobe Photoshop. Avaa Tiedosto-valikosta Tuo-välilehti ja napsauta Kehykset videokerroksiin -kohtaa. Valitse kuvaan tai valokuvaan sijoitettava animaatio (sinun on ensin kirjoitettava ylös tai kopioitava tämän kuvan tiedostonimi) ja kirjoita tiedostonimi esiin tulevan ikkunan vapaalle riville.
Odota, kunnes ohjelma erottaa animaation kehyksiksi ja tasoiksi. Valitse Magic Eraser -työkalu (pyyhekuvakkeen muodossa, jossa on tähti) ja puhdista kunkin kehyksen ja kerroksen tausta napsauttamalla niitä hiirellä. Tätä varten sinun on napsautettava työkalua työikkunassa näytetyn kuvan taustaa vasten. Jos kuva on hyvin pieni ja siinä on paljon pieniä yksityiskohtia, voit suurentaa sitä painamalla Ctrl + hiiren rulla ylöspäin. Näin voit nähdä, mitkä kuvan elementit on poistettu ja mitkä ovat säilyneet.
Laajenna animoitava kuva koko ruudulle. Valitse kaikki tasot pitämällä näppäimistön vasenta vaihtoa alhaalla. Vedä kaikki animaatiotasot kuvallesi. Napsauta animaatioikkunassa hiiren kakkospainikkeella ja napsauta pikavalikossa kohtaa "Luo kehyksiä tasoista". Siten kaikki kerrokset jaetaan kehyksiin. Et enää tarvitse ensimmäistä, jolla on staattinen kuva, ja voit poistaa sen turvallisesti.
Lataa kuvasi kutakin kehystä varten lisäämällä kerros yksitellen, sitten kehys ja haluttu kuva. Tietenkin on parasta varmistaa, että kaikki tasot ja kehykset ovat yhdenmukaisia keskenään. Aseta lopuksi vaadittu viiveaika (esimerkiksi 0, 15 sekuntia) ja käytä animaatiota. Tarkista tulos.
Jos haluat kuvan, jossa on vain muutaman kehyksen vilkkuva animaatio (esimerkiksi bannerille), voit tehdä sen vielä helpommin. Luo ensin tyhjä kerros valitsemalla päävalikosta toiminnot "Taso" ja "Uusi". Voit myös napsauttaa ostoskoria edustavan kuvakkeen vasemmalla puolella olevaa painiketta.
Valitse Paint Bucket Tool (G). Valitse haluamasi väri ja napsauta kuvaa. Se muuttaa täysin värinsä. Aseta peittotyypiksi "Peite" ja aseta kuvan peittävyys. Tässä tapauksessa alempi kerros, jossa alkuperäinen kuva sijaitsee, näkyy ylemmän kerroksen läpi. Säädä pintakerroksen peittävyyttä asettamalla haluttu tummuus koko kuvalle. Luo haluttaessa toinen kerros valkoisella täytöllä. Määritä seuraavaksi animaatio yllä kuvatulla tavalla.
