Kuinka Tehdä Animaatiota Verkkosivustollasi

Sisällysluettelo:

Kuinka Tehdä Animaatiota Verkkosivustollasi
Kuinka Tehdä Animaatiota Verkkosivustollasi

Video: Kuinka Tehdä Animaatiota Verkkosivustollasi

Video: Kuinka Tehdä Animaatiota Verkkosivustollasi
Video: Animaattori Tuomas Toivainen opettaa Timppaa animaation tekemisessä 2024, Saattaa
Anonim

Jos pidät animoiduista elementeistä verkkosivustoilla ja haluat animoida verkkosivustosi, mutta et halua vaivautua Flashiin, on olemassa yksinkertainen ja tehokas ratkaisu - animoitu GIF. Animaatioiden GIF-tiedostojen luomiseen ei tarvita ohjelmointitaitoja tai erityisiä laajennuksia. GIF-animaatio on yksinkertainen sarja dioja (kuvia), jotka korvaavat toisiaan tietyllä aikavälillä. Näiden kuvien toistaminen usean millisekunnin välein luo liiketehosteen, samanlainen kuin silloin, kun piirtimme muistikirjan jokaiselle sivulle lapsuudessa ja selasimme niitä sitten hyvin nopeasti.

Kuinka tehdä animaatiota verkkosivustollasi
Kuinka tehdä animaatiota verkkosivustollasi

Se on välttämätöntä

Tietokone, grafiikkaeditori Adobe Photoshop 5 tai uudempi, editori Adobe Image Ready

Ohjeet

Vaihe 1

Käynnistä Photoshop ja luo uusi 100x100 pikselin kuva. Aseta resoluutioksi 72 pikseliä ja RGB-tila. Valitse Näytä tasot -vaihtoehto Ikkuna-valikkokohdasta näyttääksesi Tasot-paletin.

Vaihe 2

Valitse työkalupaletissa kynä ja piirrä kuva. Napsauta Tasot-paletissa Kopioi taso, joka luo kopion olemassa olevasta tasosta. Poista pyyhekumityökalulla mikä tahansa kuvan osa ja lisää muutokset sitten kynällä. Luo niin monta kerrosta kuin tarpeen siinä järjestyksessä, jossa niiden tulisi korvata toiset. Jokainen taso on animaation erillinen kehys.

Vaihe 3

On aika animoida tuloksena olevat kehykset. Valitse Tiedosto-valikosta Siirry ja sitten Adobe Image Ready. Tämä toiminto vie sinut toiseen grafiikkaeditoriin.

Vaihe 4

Valitse Ikkuna-valikosta Näytä animaatio -vaihtoehto, joka käynnistää animaatiopaletin näytön. Valitse palettiasetusten valikossa (nuolikuvake oikeassa yläkulmassa) Tee kehykset tasoista -toiminto, joka muuttaa kaikki tasot kehyksiksi. Animaatio on melkein valmis.

Vaihe 5

On aika alkaa asettaa aikaväli. Valitse haluamasi kehys ja valitse avattavasta valikosta (vasemmalla, alhaalla) haluamasi ajanjakso, jonka jälkeen tämä kehys korvataan uudella. Tee tämä jokaiselle animaation kehykselle. Kun olet valmis, tallenna ensimmäinen animoitu

Suositeltava: