Olemme keskustelleet yksinkertaisista tavoista kääntää videoita ja Youtube-leikkeitä animoituihin GIF-tiedostoihin, mutta tänään aiomme näyttää, kuinka tehdä yksinkertainen animaatio ilman videotiedostoja. Pidä lukemista - tämä on hauskaa.
Animaatioiden luominen Photoshopin animaatiotyökaluilla
Riippumatta siitä, mitä haluat animoida, aloita vähintään kahdella kerroksella. Esimerkissämme käytämme HTG-logoa ja siirrämme hänen silmänsä toiseen kerrokseen, jota voimme käyttää elävöittämään liikkeitä.
Tämän paneelin avulla voit myös asettaa "viive" kullekin yksittäiselle kehykselle, eli kuinka kauan (kokonaisuudessaan tai jaksojen osuuksina) se näkyy näytöllä ennen kuin siirrytään seuraavaan kehykseen. 25 kuvaa sekunnissa (0,04) on vakiotaso animaatiolle, mutta ehkä hieman nopea animoiduille GIF-tiedostoille. Esimerkkinä me olemme vaarantaneet viiveellä 0,05, jota voit myös käyttää. Jos haluat käyttää eri lukumäärää kehyksiä sekunnissa, jakaa 1 kehysten määrällä saadaksesi oikean viiveajan. (Esimerkiksi 1 sekunti jaettuna 25 kehyksellä on 0,04 viiveaikaa.)
Ajatuksena on siirtää silmäkerros sisään pienet lisäykset ja ottamaan tilannekuvia matkan varrella. Käytämme siirtotyökalu (pikanäppäin "V") ja nudging meidän kerros käyttämällä nuolinäppäimillä. Esimerkissämme olemme otta- neet tilannekuvan, kun ne nudistetaan joka pikseliin tai niin.
(Tekijän huomautus: Jos olet jotain sellaista kuin minua, muutat viivytystä sataa kertaa, mutta asiat eivät aina vastaa tarkkaan haluamaasi tapaan!)
Tämän työkalun avulla voit luoda selainystävällisen animoitavan GIF: n sekä testata sen työkalun sisällä (kuten yllä on esitetty, jossa nuolikohdistin on). Varmista, että asetat filetypeesi GIF-muotoon ja käytä jotain asetuksia Perceptual, Selective tai Adaptive. Nämä voivat muuttaa kuvaa eri tavoin, mutta monet teistä antavat lähes samanlaisia tuloksia. Voit pienentää tiedostokokoa Kuvan koko (pohjasta kohti) ja numerosi värit (oikeassa yläkulmassa). Voit myös pienentää tiedostokokoa lisäämällä läpinäkyvyyttä, vaikka emme esimerkissämme (Oho!).
Ja se noin upottaa sen animaatioon. Ajatuksia tai kysymyksiä menetelmästämme? Onko parempi menetelmä tai jotkut yksinkertaisempi tekniikat? Haluatko nähdä jotain kehittyneempää? Kerro meille kommentit, tai lähetä meille ajatuksesi osoitteessa [email protected] ja voimme sisällyttää ne tuleviin grafiikka-artikkeleihin.
