Su tinkamu Adobe Photoshop ir After Effects deriniu gali sukurti įspūdingus animuotus GIF-banerius. Šiame vadove parodysiu, kaip sukurti ir animuoti banerį su impulsiniu tekstiniu efektu, kuris puikiai tinka renginiams ar konkursams. Leiskite mums kartu pasinerti į procesą!
Pagrindiniai įžvalgos
- Animuoto GIF banerio sukūrimas reikalauja geros bendradarbiavimo tarp Adobe Photoshop ir After Effects.
- Animacija turi būti paprasta ir aiški, kad sudarytų efektyvų vizualinį įspūdį.
- GIF eksportas yra paprastas ir leidžia lengvai platin į tavo animaciją.
Žingsnis po žingsnio vadovas
Žingsnis 1: Ruošiame Photoshop failą
Prieš pradėdami dirbti su After Effects, svarbu grafikas paruošti Photoshop. Sukurkite naują PSD failą ir aiškiai struktūruokite lygius. Rekomenduoju kiekvieną tekstinį ir vaizdinį lygį rūšiuoti į atskirus aplankus, kad animacija vėliau būtų aiškesnė. Pavyzdžiui, galite sukurti aplanką tekstui ir aplanką fonui.
Žingsnis 2: Importuokite PSD failą į After Effects
Po to, kai išsaugojote PSD failą, atidarykite After Effects ir importuokite failą kaip kompoziciją. Įsitikinkite, kad įjungėte parinktį „Išlaikyti lygių dydžius“, kad būtų tinkamai rodomi elementai. Tai užtikrins, kad kiekvienas lygis kompozicijoje būtų tokio pat dydžio kaip Photoshop dokumente.
Žingsnis 3: Dirbame su po-kompozicijomis
After Effects matote savo PSD failą kaip kompoziciją su įvairiais aplankais. Šie aplankai pateikiami kaip po-kompozicijos, leidianti jums lengvai animuoti turinį. Pasirinkite atskirus elementus ir pradėkite planuoti animaciją bei nustatinėti pirmuosius raktinius kadrus.
Žingsnis 4: Sukurkite paprastą animaciją
Sukuriant GIF banerio animaciją dažnai geriausia išlaikyti ją paprastą. Pradėkite animuoti tekstą „Vyras VSS Moteris“. Nustatykite raktinius kadrus, kad tekstas atsirastų ir sinchronizuokite laiką, kad elementai pasirodytų paeiliui. Eksperimentai su laikais gali ženkliai pagerinti bendrą patirtį.
Žingsnis 5: Pridėti impulsinį efektą
Dabar atėjo pagrindinis efektas, suteikiantis baneriui „smūgį“. Pasirinkite tekstą „2014“ ir animuokite jo dydį bei skaidrumą. Nustatykite raktinius kadrus dydžiui, kad tekstas išsiplėstų ir tuo pačiu taptų permatomas. Būkite atsargūs, kad animaciją išgrynintumėte kreivėse, kad sukurtumėte staigų ir dinamišką efektą.
Žingsnis 6: Įjunkite judesio neryškumą
Norint sustiprinti dinamikos jausmą, įjunkite judesio neryškumą animacijos lygmenims. Tai užtikrins, kad judesiai atrodytų sklandžiau ir gyviau, kai elementai slysta į sceną arba iš jos.
Žingsnis 7: Pridėti drebėjimo efektą
Norint suteikti baneriui dar daugiau gyvybiškumo, sukurkite tuščią objektą ir priskirkite visus animuotus elementus šiam objektui. Su specialia išraiška galite pridėti drebėjimą, kuris šiek tiek supurto banerį, kai atsiranda 2014 metų tekstas. Tai sukurs galingą vizualinį efektą.
Žingsnis 8: Animacijos tobulinimas
Žaiskite su raktiniais kadrais ir drebėjimo intensyvumu, kad užtikrintumėte, jog judesiai atrodo sklandžiai ir patraukliai. Eksperimentuokite su skirtingais kiekiais, kad rastumėte tobulą išvaizdą, kol būsite patenkinti rezultatu.
Žingsnis 9: Eksportuoti į vaizdo formatą
Kai animacija bus baigta, eksportuokite rezultatą per renderių sąrašą. Pasirinkite tinkamą formatą, pavyzdžiui, QuickTime, kad paruoštumėte animaciją kitam žingsniui. Įsitikinkite, kad teisingai atvaizduojate visus efektus.
Žingsnis 10: GIF eksportas Photoshop
Dabar importuokite sugeneruotą vaizdo įrašą į Photoshop, kad jį konvertuotumėte į GIF. Atidarykite laiko juostą Photoshop ir pasirinkite „Išsaugoti žiniatinkliui“. Įsitikinkite, kad formatas nustatytas kaip GIF ir pritaikykite animacijos parinktis, kad ji būtų atkuriama cikliškai.
Žingsnis 11: Patikrinti ir saugoti
Prieš išsaugodami GIF, patikrinkite spalvų paletę ir įsitikinkite, kad animacija sklandžiai veikia. Sumažinkite spalvų skaičių, kad GIF failas liktų mažas ir greitai užsikrautų. Galiausiai išsaugokite GIF tinkamu pavadinimu norimame aplanke.
Santrauka - Sukurti animuotus GIF banerius su After Effects ir Photoshop
Dabar išmokote, kaip sukurti animuotą GIF banerį su Adobe Photoshop ir After Effects. Nuo dizaino Photoshop iki eksporto Photoshop GIF formato, praeinote visus būtinus žingsnius, kad sukurtumėte įspūdingas animacijas.
Dažnai užduodami klausimai
Kiek laiko užtrunka sukurti animuotą GIF banerį?Laikas priklauso nuo jūsų patirties ir dizaino sudėtingumo, tačiau paprastai gali trukti nuo 1 iki 3 valandų.
Ar galiu GIF failą naudoti socialinėje žiniasklaidoje?Taip, galite naudoti GIF failą socialinėje žiniasklaidoje ar svetainėse, kad pritrauktumėte dėmesį.
Kokias programinės įrangos versijas man reikia?Šiam vadovui reikia Adobe Photoshop ir After Effects. Įsitikinkite, kad turite naujausią versiją, kad galėtumėte naudoti visas funkcijas.
