Voitko tehdä GIF:n Adobe Illustratorilla?

Totuus on, et voi tehdä GIF:ää Adobe Illustratorilla yksinään. Kyllä, alkuvaiheet voidaan tehdä Adobe Illustratorissa, eli voit valmistella animoidun GIF:n piirustukset Adobe Illustratorissa, mutta sinun on vietävä piirustukset GIF-ohjelmaan tai käytettävä Photoshopia varsinaisen GIF:n tekemiseen.

Tässä opetusohjelmassa opit luomaan animoituja GIF-kuvia Adobe Illustratorissa ja Photoshopissa. Jaottelen opetusohjelman kahteen osaan.

Osa 1 esittelee vaiheet, jotka on tehtävä Adobe Illustratorissa, ja osa 2 näyttää, miten artboardit muunnetaan animoiduiksi GIF-kuviksi Photoshopissa. Jos et ole Photoshop-käyttäjä, ei hätää, näytän myös, miten voit tehdä GIF:n online-GIF-tekijöiden avulla.

Huomautus: tämän ohjeen kuvakaappaukset on otettu Adobe Illustrator CC 2022 Mac-versiosta ja Photoshop CC 2022 Mac-versiosta. Windows- tai muut versiot voivat näyttää erilaisilta.

Osa 1: GIF:n tekeminen Adobe Illustratorilla

Jos Adobe Illustrator ei animoi, miksi käytämme sitä GIF:n tekemiseen? Yksinkertainen vastaus: Koska GIF:n vektorit on luotava Adobe Illustratorissa, ja tärkeintä on, että eri kehykset/toiminnot on erotettu eri tauluihin.

Niin hämmentävältä kuin se kuulostaakin, ymmärrät sen, kun näytän sinulle esimerkin ja yksityiskohtaiset vaiheet.

Vaihe 1: Luo uusi Adobe Illustrator -tiedosto ja aseta piirustustaulun kooksi 400 x 400 pikseliä (tämä on vain ehdotukseni, voit vapaasti määrittää minkä tahansa muun koon).

Koska siitä tulee GIF, en suosittele suurta tiedostoa, ja on parasta, jos piirustustaulu on neliön muotoinen.

Vaihe 2: Luo kuvake tai kuvitus, jonka haluat animoida. Aion esimerkiksi tehdä sade-GIF:n, joten luon pilven muodon ja sadepisaroita.

Kaikki muodot ovat tällä hetkellä samalla piirustustaululla, joten seuraava vaihe on jakaa ne eri piirustustauluihin animaatiokehysten luomiseksi.

Vaihe 3: Luo uusia piirustustauluja. Nämä piirustustaulut ovat kehyksiä myöhemmin Photoshopissa, joten piirustustaulujen määrä riippuu siitä, kuinka monta kehystä/toimintoa haluat GIF:n sisältävän.

Lisäsin esimerkiksi viisi lisätaulua, joten minulla on nyt yhteensä kuusi tauluohjelmaa.

Älä stressaa, jos et ole varma tällä hetkellä, voit aina lisätä tai poistaa tauluja myöhemmin.

Vaihe 4: Kopioi ja liitä muodot uusille tauluille. Jos muokkaat samaa muotoa, voit kopioida muodon kaikille tauluille ja tehdä muokkaukset jokaisella tauluilla.

Huom: on erittäin tärkeää sijoittaa muodot paikoilleen uusille tausta-alustoille, kun tehdään GIF:ää. Kopioidun objektin sijoittaminen samaan paikkaan onnistuu pikanäppäimellä seuraavasti Komento + F ( Ctrl + F Windows-käyttäjille).

Taulujen elementtien tulisi noudattaa järjestystä, jossa GIF näkyy.

Esimerkiksi pilven muoto näkyy GIF:ssä koko ajan, joten kopioi pilven muoto kaikkiin uusiin tausta-alustoihin. Voit myös lisätä elementtejä uuteen tausta-alustaan yksi kerrallaan. Sinusta riippuu.

Päätä, mikä osa näytetään seuraavaksi, ja järjestä piirustustaulut GIF:ssä näytettävän kehyksen järjestyksen mukaisesti.

Minun tapauksessani haluan, että keskimmäinen sadepisara näkyy ensin, joten yhdistän sen pilven muotoon Taululevylle 2. Seuraavissa kehyksissä (Taululevyt) lisään sitten sadepisarat sivuille yksi kerrallaan.

Kun olin saanut kaikki piirustustaulut valmiiksi, päätin poistaa sadepisarat ensimmäiseltä piirustustaululta, joten nyt piirustustauluni näyttävät tältä, ja ne ovat valmiina käyttöön.

Vaihe 5: Nimeä taulut ja aseta ne järjestykseen sen mukaan, miltä haluat niiden näyttävän GIF:ssä. Nimeän ne kehyksestä 1 kehykseen 6, jotta ne on helpompi tunnistaa myöhemmin Photoshopissa.

Vaihe 6: Vie piirustustaulut. Siirry ylävalikkoon. Tiedosto > Vie > Vie näytöille ja valitse Taululevyjen vienti .

Taulukot pitäisi näkyä tallennettuina yksittäisinä kuvina, joilla on nimet.

Olet saanut työn valmiiksi Adobe Illustratorissa, joten jatketaan animaatioprosessia Photoshopissa.

Osa 2: GIF:n tekeminen Photoshopissa

Kun kaikki kehykset ovat valmiina, animoidun GIF:n luominen Photoshopissa vie vain muutaman minuutin.

Vaihe 1: Luo Photoshopissa uusi dokumentti, joka on samankokoinen kuin osassa 1 käytetty Adobe Illustrator -tiedosto. Minun tapauksessani se olisi 400 x 400px.

Vaihe 2: Vedä Adobe Illustratorista viemäsi kuvat Photoshopiin, ja ne näkyvät kerroksina.

Vaihe 3: Siirry ylävalikkoon Ikkuna > Aikajana , tai voit vaihtaa työtilan suoraan osoitteeseen Liike .

Photoshop-ikkunan alareunassa pitäisi näkyä Timeline-työtila.

Vaihe 4: Klikkaa Luo kehysanimaatio aikajanan työtilassa, ja näet ylimmän tason näkyvän aikajanan työtilassa.

Vaihe 5: Avaa taitettu valikko napsauttamalla Aikajana-ikkunan oikeaa yläkulmaa ja valitse sitten Tee kehyksiä tasoista .

Silloin kaikki kerrokset näkyvät kehyksinä.

Kuten näet, ensimmäinen kehys on tyhjä, koska se on myöhemmin tausta. Voit poistaa ensimmäisen kehyksen valitsemalla kehyksen ja napsauttamalla painiketta Poistaa valitut kehykset painiketta Aikajana-ikkunassa.

Vaihe 6: Napsauta kunkin kehyksen alapuolella olevaa alaspäin osoittavaa nuolta muuttaaksesi kunkin kehyksen nopeutta vastaavasti. Esimerkiksi olen muuttanut kaikkien kehysten nopeudeksi 0,2 sekuntia.

Voit napsauttaa toistopainiketta nähdäksesi, miltä GIF näyttää. Kun olet tyytyväinen lopputulokseen. Viimeinen vaihe on viedä se GIF-muodossa.

Vaihe 7: Siirry ylävalikkoon Tiedosto > Vie > Tallenna verkkoon (Legacy) .

Asetukset-valikosta tärkein asia on valita GIF tiedostotyypiksi ja valitse Ikuisesti Muutat muita asetuksia vastaavasti.

Klikkaa Tallenna ja onnittelut! Teit juuri animoidun GIF:n.

Kuinka tehdä GIF ilman Photoshopia

Photoshop ei ole tuttu? Voit varmasti luoda GIF:n myös ilman Photoshopia. On olemassa niin monia verkkotyökaluja, joiden avulla voit tehdä GIF:n ilmaiseksi.

Esimerkiksi EZGIF on suosittu GIF-tekijä, ja se on helppokäyttöinen. Sinun tarvitsee vain ladata kuvasi, valita toistonopeus ja se tekee GIF:n automaattisesti puolestasi.

Päätelmä

Adobe Illustratorissa luot animaation elementit ja Photoshopissa teet animoidun GIF-tiedoston.

Helpompi vaihtoehto olisi käyttää verkossa olevaa GIF-tekijää. Sen etuna on, että se säästää paljon aikaa, varsinkin jos et tunne Photoshopia. Pidän kuitenkin enemmän Photoshopin joustavuudesta, koska voin hallita kehyksiä paremmin.